Membuat Breadcrumb di blog ~ Tutorial Kewez

Breadcrumb adalah menu navigasi yang bisa membantu pengunjung / visitor blog supaya mereka tahu sedang membuka / mengunjungi halaman apa dan berada di kategory atau label apa. Selain itu Breadcrumb juga diperlukan untuk mengoptimalkan Seo On Page. Pada template blogspot gratis masih banyak yang belum menambahkan Breadcrumb atau menu navigasi ini . Karena masih banyak template yang belum ditambahkan Breadcrumb, sekarang saya akan share Membuat Breadcrumb di blogspot . Berikut ini langkah - langkah nya :

1. Sing in akun blogger sobat
2. Klik Rancangan => Edit HTML => Expand Template Widget
3. Cari kode ]]></b:skin> gunakan Ctrl + F untuk membantu sobat mencari kode tersebut
4. Setelah ketemu Masukkan kode berikut ini tepat di atas kode ]]></b:skin>

.breadcrumbs{ padding-left:10px;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef; }

5. Kemudian cari lagi kode <b:includable id='post' var='post'> dan masukkan kode berikut ini tepat di bawah kode <b:includable id='post' var='post'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Anda disini » <a expr:href='data:blog.homepageUrl'>Home</a> »
<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 != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>

6. Simpan Template

Baca juga Mendaftar di http://www.feedburner.com ( FeedBurner )

Terima kasih telah membaca artikel tentang Membuat Breadcrumb di blog di blog Tutorial Kewez jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Tutorial Kewez

Membuat Breadcrumb di blog

Artikel terbaru :

Followers

IKUTI KAMI