Membuat Breadcrumb Sederhana ~ 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 . Beberapa hari yang lalu saya sudah share Cara Membuat Breadcrumb Terindex Oleh Google , kali ini saya akan share Membuat Breadcrumb Sederhana . Breadcrumb Sederhana ini tidak Terindex Oleh Google . Untuk Membuat Breadcrumb Sederhana ini sangat mudah , ikuti saja Tutorial berikut ini :

1. Sing in akun Blog anda
2. Klik Rancangan ~ Edit HTML ~ Expand Template Widget
3. Cari Kode ]]></b:skin> dengan menggunakan Ctrl + F agar lebih mudah mencari kode tersebut .
4. Setelah menemukan kode " ]]></b:skin> " , masukkan kode berikut 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 kode <b:includable id='post' var='post'>
6. Setelah menemukan kode <b:includable id='post' var='post'> , masukkan kode dibawah 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>

7. Simpan Template

Sangat mudahkan Membuat Breadcrumb Sederhana , semoga Artikel ini dapat bermanfaat buat anda . Baca juga Disable Highlight Text Dalam Blog .

Terima kasih telah membaca artikel tentang Membuat Breadcrumb Sederhana 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 Sederhana

Artikel terbaru :

Followers

IKUTI KAMI