Cara Membuat / Menambahkan / Memasang Navigasi Breadcrumbs di Blogspot 100% berhasil

Memasang menu Breadcrumbs adalah merupakan salah satu trik SEO dalam hal edit template blog, saat ini kebanyakan blog pasti memiliki nafigasi Breadcrumb ini, pengertian dari Breadcrumb ini sendiri adalah menu navigasi yang ada diatas sebuah posting atau artikel yang akan menunjukkan runtutan halaman dari Home sampai ke artikel kita.

Langsung saja cara membuatnya adalah sebagai berikut :
1. Masuk ke blogger
2. Pilih Template
3. Edit HTML
4. Cari kode  " ]]></b:skin> "
5. Copykan kode dibawah ini di atas tepat kode " ]]></b:skin> "
 

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}  

6. Setelah itu cari kode " <b:includable id='main' var='top'> ". Setelah ditemukan ganti kode itu dengan kode dibawah ini 

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <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:else/> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

7. Simpan template dan lihat hasilnya.
8. Sekian terima kasih.

referensi : http://bloggerpeer.blogspot.com/2012/06/cara-buat-breadcrumbs-index-google.html

Tweet

Subscribe to receive free email updates: