Tips Cara Membuat Breadcrumb-Navigation Menu
Advertisement:



Cara membuat breadcrumb-navigation di blogger. Breadcrumb-navigation adalah sebuah navigasi yang menampilakan site map blog kita. Kelebihanya Breadcrumb bisa membuat template kita lebih seo friendly dengan permalink, sebab tool ini akan mempermudah search engine menemukan artikel-artikel di blog kita. Banyak yang kesulitan menamakan tutorial ini di google, sebab Navigasi di kenal dengan nama breadcrumb-navigation. Sudah lama sekali kang salman  mengunkan Site Map Breadcrumb ini ga tau sejak bulan apa mungkin Januarian, namun baru kali ini kang salman postingkan, mohon maaf ya untuk sobat informasi. Kembali lagi, Fungsi lainnya dari  breadcrumb-navigation adalah memudahkan para pembaca menemukan tag artikel kita dari home > katagori > judul artikel.

Cara Buat Navigasi breadcrumb sangat mudah karena hanya di butuhkan sedikit modifikasi saja. karena sangat mudahnya kang salman rasa mungkin ini akan menjadi tutorial yang paling singkat. Silakan perhatikan di bawah ini

Cara memasang breadcrumb navigation sebagai berikut:
1.  Login ke blogger.com
2.  Klik Tata Letak.
3.  Pilih tab Edit HTML
4.  Click Download Full Template and
5.  Kemudian beri tanda centang pada kotak kecil di samping "tulisan Expand Template Widget".
6.  Silahkan cari kode ]]></b:skin>
7.  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;
}
8.  Silahkan cari kode berikut pada template anda :
<div class='post hentry uncustomized-post-template'>

9. Copy lalu paste kode di bawah 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>

10. Kemudian Save Template.

Setelah selesai lihat pada posting anda tepatnya di atas judul artikel, jika ada itulah yang di maksud  breadcrumb navigation menu. contohya bisa anda lihat di atas judul blog ini.

Lihat Juga :
Post By Kang Salman
www.kucoba.com

Dapatkan update artikel  terbaru kami langsung ke email anda.  
Advertisement:
Judul : Tips Cara Membuat Breadcrumb-Navigation Menu Deskripsi : Admin : Terbit Rating : 5 stars

  • Lifestyle