Trik Membuat Menu Navigasi Breadcrumbs

Trik Membuat Menu Navigasi Breadcrumbs | Rifai’s Blog. Yupz, sedulur-sedulur Breadcrumbs-Navigation merupakan hal yang cukup penting bagi sedulur-sedulur yang lagi belajar Optimasi SEO. Menu Navigasi Breadcrumbs merupakan navigasi yang menampilkan site map blog kita. Menu Navigasi Breadcrumbs merupakan salh satu teknik yang bisa meningkatkan SEO kita biar lebih SEO Friendly karena tool ini mempermudah Search Engine menemukan artikel kita. Selain itu, Breadcrumbs-Navigation juga mempermudah pengunjung untuk menemukan tag artikel kita mulai dari "Home » Kategori » Judul Postingan".

Trik Membuat Menu Navigasi Breadcrumbs sangatlah mudah. Tinggal ikuti langkah-langkah berikut:

1.     Seperti biasa, Login ke blogger.com

2.     Klik Tata Letak / Design

3.     Pilih tab Edit HTML

4.     Beri tanda centang pada kotak kecil di samping "tulisan Expand Template Widget"

5.     Klik Download Full Template. Ini buat jaga-jaga Gan.

6.     Setelah itu silakan cari kode ]]></b:skin>, biar lebih mudah dalam mencari,  tekan tombol F3 di Keyboard / Ctrl + F.

7.     Seteleh ketemu, letakan kode dibawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double

 #e6e4e3;

}

8.     Cari kode <div class='post hentry uncustomized-post-template'>

9.     Seteleh ketemu, letakan kode dibawah ini tepat di bawah kode tersebut.

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

&#187; <span><data:post.title/></span>

</b:loop>

</b:if>

</b:loop>

</div>

</b:if>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>

</div>

</b:if>

<b:else/>

<b:if cond='data:navMessage'>

<div class='breadcrumbs'>

<data:navMessage/>

</div>

</b:if>

</b:if>

10.   Kemudian Simpan template.

Jadi deh, gampangkan Membuat Breadcrumbs-Navigation.

Baca Juga Artikel di Bawah Ini: