Cara Membuat Breadcrumbs Di Blog & Seo Friendly
Cara Membuat Breadcrumbs Seo Friendly Di Blog - Halo, sobat THE IKMAL ZONE 2. Postingan kali ini adalah Cara Membuat Breadcrumbs Seo Friendly Di Blog. Langsung aja dah, ke TeeKaaPe... :D
Harus Baca Tutorial Berikut Dengan Teliti Sampai Akhir Agar Hasil Memuaskan.
1. Login ke Blogger.com sobat.
2. Kemudian masuk ke Template > Edit HTML
3. Lalu cari kode yang seperti ini, <b:includable id='main' var='top'>
4. Kalau sudah dapat, pasang kode berikut ini diatas kode tadi.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop> » <span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
5. Cari lagi kode yang seperti ini, <b:include data='top' name='status-message'/>
6. Lalu letakkan kode berikut diatas kode tadi.
<b:include data='posts' name='breadcrumb'/>
7. Terakhir cari kode yang seperti ini, ]]></b:skin>
8. Letakkan kode berikut diatas kode tadi.
.breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:95%;line-height: 1.4em;border-bottom:3px double #e6e4e3;}
9. Save Template.
10. Selesai.
*Catatan : Pada langkah No. 5 , BIASANYA ada 2 kode yang sama, letakkan saja kodenya pada keduanya. Kalau kodenya cuma 1, tidak apa-apa.
Semoga postingan ini bermanfaat buat sobat-sobat sesama blogger lainnya.
Good Luck.
seep gan ...
ReplyDeletekunjungi balik ya
http://ikmalrapstar.blogspot.com