Cara Membuat Breadcrumbs Seo Friendly Di Blog

Cara Membuat Breadcrumbs Seo Friendly Di Blog - Sobat Blog Mas Hanif yang setia, sekarang saya akan posting sebuah tutorial blog yang pastinya sudah tidah asing lagi di telinga kalian, yaitu cara membuat Breadcrumbs. Postingan kali ini sekalian juga buat pengingat saya kalo lupa gimana caranya. Langsung aja comot nih tutorial...

1. Login ke Blogger.com
2. Masuk ke Template > Edit HTML
3. Centang Expand Template Widget
4. Lalu cari kode <b:includable id='main' var='top'>
5. Pasang kode dibawah ini diatas kode tadi

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> &#187; <span><data:post.title/></span> </div> </b:if> </b:loop> </b:if> </b:includable>

6. Cari kode <b:include data='top' name='status-message'/> 
7. Letakkan kode berikut diatas kode tadi

<b:include data='posts' name='breadcrumb'/>

8. Terakhir cari kode ]]></b:skin>
9. 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;}

10. Simpan Template

Catatan : Pada langkah No.6 biasanya ada dua kode yang sama, letakkan saja kodenya pada keduanya.

Sekian tutorial dari saya kurang lebihnya mohon maaf. Baca juga artikel tentang Cara Menggunakan Font Dari Komputer di Blog.