Home » » Cara Membuat Navigasi Breadcrume

Cara Membuat Navigasi Breadcrume


Instagram

Cara memasang breadcrumb navigation sebagai berikut :

  • Login ke akun Blogger sobat
  • Klik Tata Letak
  • Pilih tab Edit HTML
  • Download Full Template untuk jaga-jaga bila terjadi kesalahan
  • Kemudian beri tanda centang pada kotak kecil di samping
  • tulisan Expand Template Widget
  • Silahkan cari kode  ]]></b:skin>
  • Copy lalu paste kode di bawah ini persis 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;
}



  • Kemudian cari kode berikut pada template sobat :

          <div class='post hentry uncustomized-post-template'>


  • Lalu pasang kode dibawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>



<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>



  • Kemudian Save template


Tunggu beberapa saat sampai template sobat tersimpan. Setelah selesai lihat pada postingan sobat tepatnya di atas judul artikel untuk menentukan berhasil tidaknya sobat memasang Navigasi Breadcrume. Good Luck!







Instagram
Cara Membuat Navigasi Breadcrume
ping fast  my blog, website, or RSS feed for Free

Read another article:

Gunakan bahasa yang sopan, untuk meninggalkan komentar anda!!
Use polite language, to leave your comment!!

Line/ig/Fb/tweet: JasondaLazuardy

0 komentar:

Poskan Komentar

leave comment