Recent Posts

banner image

Cara pasang Navigasi Breadcrumb

Jumpa lagi kawan kali ini saya akan share tentang Cara pasang Navigasi Breadcrumb.  Lantas apasih Navigasi Breadcrumb?????? Navigasi Breadcrumb yaitu sebuah tautan link internal yang terletak diatas atau dibawah halaman situs Web/Blog yang digunakan untuk mempermudah para pengunjung untuk kembali kehalaman sebelumnya.
Giman dah paham kan ,,
kalau gitu kita langsung ke tutorianlnya....



1.   Pastikan anda sudah login kehalaman blog anda
2.   Pilih menu rancangan
3.   Klik Pada Menu Edit HTML
4.   Centang dulu expand widget.setelah itu cari kode ]]></b:skin> untuk mempermudah pencariana maka
      gunakanlha ctrl+f lalu tulis kode yang mau di cari.
5.   Paste kan kode di bawah ini 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;
}

6.   Jika sudah selesai sekarang cari 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>
7.   Kemudian klik pada tombol simpan
8.   Sekarang lihat pada halam postingan blog anda jika menu Navigasi Breadcrumb muncul berarti anda
      sudah berhasil melakukan langkah-lankah diatas jika belum jangan menyerah dan berhenti mencoba 

Itulah sedikit tutorial yang dapat saya bagikan kepada anda sekalian semoga tutorial Cara pasang Navigasi Breadcrumb bisa berguna bagi kalian semua..
Cara pasang Navigasi Breadcrumb Cara pasang Navigasi Breadcrumb Reviewed by siuwild on 00.25 Rating: 5

5 komentar:

Diberdayakan oleh Blogger.