Cara Memasang Navigasi Breadcrumb di Blogger

Advertisementiklan
Cara Memasang Navigasi Breadcrumb di Blogger Navigasi breadcrumb sendiri adalah sebuah navigasi atau penunjuk halaman yang umumnya berfungsi untuk membantu memberikan informasi kepada  si pembaca tentang di artikel mana dan di menu apa si pembaca berada. bagi sobat yang tertarik untuk memasang navigasi breadcrumb di blog sobat, silahkan ikuti tutorial nya di jamin tidak eror dan so pasti SEO friendly...

Berikut caranya:

1. Log in ke akun blog sobat.
2. Klik Rancangan---> Edit HTML --> Klik Download template lengkap
4. Letakkan kode berikut di atas kode ]]></b:skin>. ( gunakan F3 untuk memudahkan pencarian)

.breadcrumbs{padding:5px 5px 5px 0;margin:0;font-size: 90%;line-height:1.4em;border-bottom:1px solid black;}
5. Kemudian sobat cari kode seperti ini: <b:includable id='post' var='post'>6. Pastekan kode berikut tepat di bawahnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='breadcrumbs'>You are Here &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if></b:loop></b:if> &gt; <data:post.title/></div></b:if></b:if>

7. Yang terakhir sobat tinggal simpan template dan lihat hasilnya.

Semoga cara / trik di atas bisa membantu sobat blogger...
Advertisement
iklan

{ 5 Responses to : Cara Memasang Navigasi Breadcrumb di Blogger }

devilz-adrian said...

Nice Share bro ... :)
Thx Buat Tutorialnya yaa ...

dang murganto said...

makasih sob sudah berbagi ilmunya..

Rizal Aditiyo Supendi said...

sama-sama...

bocahporis said...

kunjungan sore..
artikel bagus dah sob..

Rizal Aditiyo Supendi said...

makasih,sob...

Post a Comment