Cara Membuat Breadcrumbs Seo Friendly Di Blog

Selamat siang shobat setia, Siang ini saya akan membagikan tutor blog yaitu Cara Membuat Breadcrumbs Seo Friendly Di Blog, bagi shobat setia yang pengen tahu dan pengen mencoba silahkan ikuti langkah langkah dibawah ini.


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 == "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>

6. Cari kode <b:include data='top' name='status-message'/>

7. Letakkan kode berikut diatas kode tadi, dan biasanya ada dua kode yang sama letakkan diatas keduanya.

<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.

Semoga bermanfaat.

Sumber: http://blogmashanif.blogspot.com/2013/01/cara-membuat-breadcrumbs-seo-friendly.html