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.
Giman dah paham kan ,,
kalau gitu kita langsung ke tutorianlnya....
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>.
6. Jika sudah selesai sekarang cari kode <div class='post hentry uncustomized-post-template'>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » 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
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
Reviewed by siuwild
on
00.25
Rating:
Ini dia yang ane cari :D
BalasHapusaku sudah pasang ini bro hehe :D
BalasHapusapa semua template sama sob..???
BalasHapuslw sama ane coba dulu ea....
thanks
nice sob infonya.....
BalasHapuslanjutkan :D
sangat bermanfaat nice share
BalasHapus