Home / SEO / Membuat Breadcrumbs di Blogspot

Membuat Breadcrumbs di Blogspot

Posted by Unknown Senin, 16 September 2013 0 komentar

Apakah theme blog sobat belum menggunakan Navigasi breadcrumbs? Sangat disayangkan sekali jika sobat memang belum membuat breadcrumbs di blogspot sobat, dalam artian jika theme blogspot sobat belum menggunakan breadcrumbs menurut saya sangatlah rugi karena breadcrumbs sangat memudahkan para pengunjung blog kita untuk dapat mengetahui dipostingan mana mereka sekarang berada.

Ngomong-ngomong apakah sobat sudah tahu cara membuat breadcrumbs di blogspot ? Kalau belum tahu disini saya akan mencoba menuntun sobat cara dan langkah-langkah membuat breadcrumbs di blogspot. Urutannya sebagai berikut:

Login ke blogger ( sebaiknya back-up dulu template sobat, jika nanti ada masalah atau gagal sobat bisa meng-upload kembali template sobat )
Masuk kedalam Menu Template sobat
Pilih Edit HTML
Centang tulisan "expand template widget" ( sekarang sudah tidak ada lagi )
Lalu caari kode ]]></b:skin> ( untuk mempermudah pencarian, sobat bisa menggunakan CTRL dan F sebagai bantuannya
Silahkan sobat Copy kode CSS untuk breadcrumbs dibawah ini dulu dan paste-kan tepat diatas 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;}
Lanjutkan untuk mencari kode seperti ini <b:includable id='main' var='top'> Jika sudah ketemu ganti kode tersebut dengan kode seperti 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"'>

<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"'>

<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'/>
Dan yang paling terakhir, Simpan Template sobat. Tunggu paling lama 3 hari, breadcrumbs di blog sobat pasti sudah tampil di hasil pencarian Google.

Demikianlah postingan saya kali ini tentang " Membuat Breadcrumbs di Blogspot ". Semoga bisa menjadi pencerahan bagi sobat semua. Terima kasih sudah berkunjung ke halaman ini.

Salam Senyum Sukses [3S]

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Membuat Breadcrumbs di Blogspot
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://triko11.blogspot.com/2013/09/membuat-breadcrumbs-di-blogspot.html. Terima kasih sudah singgah membaca artikel ini.