Cara Menciptakan Breadcrumb Di Blog

Apa itu Breadcrumb? Breadcrumb ialah 'Link Berantai' yang menghubungkan halaman utama dengan halaman artikel dalam bentuk Navigasi. Jika dijabarkan menyerupai ini: Ketika membaca sebuah artikel, tentunya artikel tersebut berada dalam sebuah kategori/ label artikel tersebut, sementara kategori/label ialah fitur yang terdapat di halaman utama Blog (Home)

Karena itu fungsi Breadcrumb ialah untuk menampilkan barisan link tersebut biar pengunjung sanggup melihat artikel ihwal apa yang ia baca. Lihat teladan gambarnya di bawah ini:

Selain untuk mempermudah menavigasi sebuah halaman blog, fungsi Breadcrumb inipun cukup manjur untuk meningkatkan secara optimal search engine terhadap blog kita. Bagaimana cara membuatnya?

Cara Memasang Breadcrumb di Blog:

1. Login ke akun Blogger
2. Pilih Template >> Edit HTML
3. Letakkan script berikut sempurna di atas aba-aba ]]></b:skin>

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

4. Setelah itu, cari kode:
   <b:if cond='data:post.title'> atau,
   <b:if cond=&quot;data:post.title&quot;>
   Lalu letakkan aba-aba berikut sempurna di atasnya:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Home</a> &#8250; <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;'> &#8250; </b:if> </b:loop> </b:if> &#8250; <data:post.title/> </div> </b:if> </b:if>

5. Simpan Template

Itulah sekilas pemahaman saya ihwal Cara Membuat Breadcrumb di Blog. Semoga bermanfaat. Jika mencari artikel lain yang serupa, silahkan cek di bawah ini:

Berbagi :