Cara membuat Menu Breadcrumbs di Blogspot

Cara membuat Menu Breadcrumbs di Blogspot. Breadcrums adalah salah satu teknik SEO yang sangat di anjurkan oleh para Webmaster. Karena Breadcrums sangat membantu dalam pencarian blog kita. Untuk itu adapun cara membuatnya silahkan kamu ikuti langkah berikut.

1. Log in ke blogger dashboard pilih layout kemudian pilih edit HTML dan check the "Expand Widget Templates" check box
2. Backup dulu templete sobat untuk menghindari jika terjadi kesalahan
3.Klik kotak pada Expand Widget Templates
4. Copy code dibawah ini

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

Taruh sebelum kode ]]></b:skin>

5. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)

<b:include data='top' name='status-message'/>

dan ganti kode diatas dengan kode dibawah ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

6. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)

<b:includable id='main' var='top'>

Dan ganti kode diatas dengan kode dibawah ini :

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>

Save.
Dan lihat hasilnya... semoga Cara membuat Menu Breadcrumbs di Blogspot ini bermanfaat untuk blog anda.


Nb; Jika kamu tidak barhasil membuat menu breadcrums ini, kamu bisa menggunakan cara yang kedua. Untuk membuatnya klick disini.

Search: Menu Breadcrumbs,Cara membuat Menu Breadcrumbs di Blogspot,Cara membuat Menu Breadcrumbs, Breadcrumbs di Blogspot, Cara membuat Menu Breadcrumbs di Blog, Breadcrumbs