Cara Memasang Breadcrumb Navigasi Untuk Blogspot

Cara Memasang Breadcrumbs

Navigasi sangat penting untuk mesin pencari
Navigasi bukan sekedar fasilitas untuk membantu pengguna menemukan informasi yang mereka butuhkan. Akan tetapi alogaritma mesin telusur, meskipun hasil pencariannya disediakan pada tingkat halaman, lebih
menyukai halaman yang memiliki pengaturan navigasi yang baik. Pengaturan navigasi tersebut bisa dilakukan dengan memanfaatkan label dan memasang breadcrumbs.


Breadcrumb adalah baris internal link di bagian atas atau bawah halaman yang memungkinkan pengunjung untuk kembali ke bagian sebelumnya atau halaman utama. Berikut ini adalah contoh dari penggunaan breadcrumbs.
Tutorial Blog SEO Memasang Breadcrumbs

1.Masuk ke akun blogger, pilih menu Templete

2.Pilih Cadangkan/Pulihkan yang terletak pada tombol sebelah kanan atas jendela browser Anda. Lihat Gambar.
Tutorial Blog SEO

3.Pilih Unduh Templete Lengkap, kemudian simpan file tersebut. Lihat Gambar.
Tutorial Blog SEO

4.Buka file hasil unduhan tersebut menggunakan Notepad, kemudian cari kode ]] > </b:skin>. Untuk memudahkan pencarian, gunakan menu Edit kemudian pilih Find, atau gunakan “Ctrl F”.

5.Letakkan kode di bawah ini tepat sebelum kode ]] > </b:skin> tadi
 .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:100%; line-height: 1.4em; border-bottom:3px double #eee;}

6. Setelah itu cari kode <b:includable id='main' var='top'>, kemudian ganti kode tersebut dengan kode di bawah 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.Setelah itu sempan file tersebut

8.Kembali ke blogger, pilih Choose File. Pilih file hasil unduhan yang telah diedit seperti tersebut di atas. Kemudian klik Unggah.