Home » » Cara Mudah Menambahkan Breadcrumbs Di Blog Blogger

Cara Mudah Menambahkan Breadcrumbs Di Blog Blogger

Menambahkan Breadcrumbs di blog
Cara Membuat Breadcrumbs
Sebelum kita Memasang Breadcrumbs Di Blog terlebih dulu kita harus mengetahui, apa itu breadcrumbs. Breadcrumbs adalah sebuah navigasi pada blog yang biasanya memberikan informasi lokasi artikel yang dikunjungi. 

Perlu diketahui bahwa pemasangan Breadcrumbs secara sembarangan tentu tidak akan terindeks oleh google. Tentu hal ini akan sia-sia, karena pemasangan breadcrumbs disebut-sebut sebagai salah satu optimasi SEO selain masih banyak lagi langkah-langkah yang harus dilakukan untuk optimasi SEO yang sama-sama kita ketahui bahwa akan meningkatkan traffick pada blog yang kita miliki. Satu tindakan yang harus saya ingatkan buat teman semua, setiap penulisan atau pembuatan sebuah entri baru, posting baru, jangan lupa untuk menambahkan label pada entri baru atau posting baru yang dibuat.

Pemasangan Breadcrumbs juga membuat search engine akan mengindeks blog kita bukan hanya satu label pada blog kita. Bisa jadi lebih dari itu, bahkan tidak jarang pada isi posting yang ada juga terindeks oleh search engine. Hal ini akan berpengaruh juga pada posisi kita pada halaman search engine.

Untuk pemasangan breadcrumbs pada blog ikuti langkah-langkahnya sebagai berikut :
1. Login pada blog yang teman miliki.
2. Pada dasbor klik templat lalu edit HTML.
3. Copy kode script di bawah ini dan pastekan tepat 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}

4. Cari kode <b:includable id='main' var='top'> dan ganti 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 == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- 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'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/>

4. Klik Simpan. Dan silakan lihat sendiri hasilnya..

Lakukan Pemasangan Breadcrumbs ini secara hati-hati supaya tidak terjadi kesalahan..

Semoga bermanfaat...Jangan lupa Like nya.  

2 komentar:

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.