Panduan Mengedit Template Twenty Twelve V2

Agar template yang gunakan sesuai maka perlu di edit bukan, berikut panduannya.

1. Meta Tag
<link href='Google Plus Link Author' rel='author'/>
<meta content='Your name' name='Author'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:profile_id'/>
<meta content='@UsernameTwitter' name='twitter:creator'/>
Edit meta tag tersebut saja, yang lainnya sudah tersetting otomatis.
Catatan: fb:admins itu diisi id akun facebook anda, dan fp:profil_id itu adalah id fanspage
blog anda.
Aktifkan juga deskripsi penelusuran dari blogger, caranya masuk ke setting blogger lalu ke
preferensi penelusuran, tag meta lalu aktifkan deskripsinya isi dengan deskripsi blog anda,
dan jangan lupa mengisi deskripsi penelusuran yang ada di post, bisa di isi ketika sedang
menulis artikel. Mengaktifkan ini perlu agar memunculkan deskripsi open graph.
2. Menu
Silakan di edit pada kode seperti dibawah ini:
<ul class='nav-menu' id='menu-menu-1'>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='#' title='Menu 1'>Menu 1</a></li>
<li><a href='#' title='Menu 2'>Menu 2</a></li>
<li><a href='#' title='Menu 3'>Menu 3</a></li>
<li><a href='#' title='Menu 4'>Menu 4</a>
<ul>
<li><a href='#' title='Sub Menu 1'>Sub Menu 1</a></li>
<li><a href='#' title='Sub Menu 2'>Sub Menu 2</a></li>
<li><a href='#' title='Sub Menu 3'>Sub Menu 3</a></li>
</ul>
</li>
</ul>
3. Widget Recent Post
Cukup tambahkan widget html/javascript baru dan masukan kode di bawah ini:
<ul id='recent-posts'></ul>
<script>
//<![CDATA[
var homePage = "http://twentytwelve2.blogspot.com/",
numPosts = 10;
function recentPosts(a){if(document.getElementById("recent-posts")){var
e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var
i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var
title=e[i].title.$t;content+='<li class="recent-posts"><i class="fa fa-circle-o"></i> <a href="'+link+'" title="'+title+'"
target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var
you_script=document.createElement('script');you_script.src=homePage+'/feeds/posts/summary?alt=json-in-
script&orderby=published&max-
results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(you_scri
pt);
//]]>
</script>
 4. Tips Agar Tetap Valid HTML5
Hapus kode <b:include name='quickedit'/> dari template setiap kali menambahkan widget
baru.
Baca juga: https://www.masarif.web.id/2014/08/cara-upload-gambar-di-artikel-blog-agar-
valid-html5.html
5. Validasi Twitter Card
Template yang sangat spesial ini sudah di lengkapi open graph dan twitter card akan tetapi
untuk validasi twitter card masih ada 1 langkah lagi, berikut caranya.
Buka https://cards-dev.twitter.com/validator lalu masukan url blog anda, klik preview card
dan lalu klik request approval. Selesai !
6. Terakhir...
Matikan Template Versi Mobile, caranya masuk ke blogger lalu ke template dan selanjutnya
lihat gambar di bawah ini.

Baca juga: - https://www.masarif.web.id/2014/07/cara-setting-robots.txt-khusus-blogger.html

- https://www.masarif.web.id/2014/07/cara-setting-tag-tajuk-robot-khusus-blogger.html

Masih ada yang bingung ? bisa di tanyakan di blog saya masarif.web.id :D