Membuat Menu Navigasi Breadcrum SEO

Blog Tutorial Goperpus akan berbagi Cara Membuat Navigasi Breadcrum SEO , Buat Sobat blogger khususnya yang masih pemula, kalau belum tau apa itu "Menu Navigasi Breadcrum" Silahkan sobat blogger lihat gambar dibawah ini

Fungsi menu navigasi Breadcumb berfungsi sebagai tombol navigasi yang digunakan untuk mempermudah kita mengetahui lokasi keberadaan kita di suatu web/blog.

Okey langsung saja, Pertama - tama silahkan berdoa dulu menurut kepercayaan masing - masing...
Setelah Anda selesai berdoa silahkan anda loggin ke Akun Blog/web anda
Kemudian Klik Rancangan > Edit html  > dan jangan lupa untu Mencentang Expand Template Widget.
Lalu cari kode;  ]]></b:skin> (gunakan ctrl + f untuk mempermudah).
Kemudian copy dan paste kode di bawah ini di atas kode;  ]]></b:skin>.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah itu cari kode  <b:includable id='main' var='top'>,
hapus kode tersebut dan ganti 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'> <b:if cond='data:label.isLast == "true"'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:if> </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'/>

 Kemudian Simpan/Save Template anda, dan lihat hasilnya....
Gimana?? Mudah bukan??
Menu navigasi Breadcumb tidak akan muncul di halaman beranda, jadi untuk melihat hasilnya silahkan sobat blogger klik salah satu postingan sobat bloger...

Demikian cara membuat Menu navigasi Breadcumb, semoga bermanfaat dan selamat mencoba dan semoga sukses, Amin....

Posted by pur on - Rating: 4.5

Title : Membuat Menu Navigasi Breadcrum SEO
Description : Blog Tutorial Goperpus akan berbagi Cara Membuat Navigasi Breadcrum SEO , Buat Sobat blogger khususnya yang masih pemula, kalau belum tau...

Tweet