Tips Cara Membuat Breadcrumb-Navigation Menu

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 :

• Apa Itu SEO? Temukan Jawabannya Disini
• 10 Hal SEO Dasar Yang Sering Di Lalaikan Oleh Admin Blog dan Site
• Inilah Cara Menulis Judul Blog Yang Baik dan Benar Agar SEO Friendly
• Cara Agar Cepat Terindex / terbaca oleh Google di Halaman 1 
• Ayo Mendaftar Ke Mesin Pencari da Directory Dunia Biar Blog-mu Cepat Terkenal
• Google Webmaster Tool, Ayo Hapus Konten Link Not Found
• Optimalisasi SEO Dengan Permalink agar Postingan Menjadi SEO Friendly
• Optimasi SEO Blog Attribute and Content Attribute
• 19 Tutorial Cara Meningkatkan Peringkat Alexa Dengan Cepat

Post By Kang Salman
http://asksalman19.blogspot.com

Ingin mendapat penghasilan tambahan? Bergabung dan jadikan blog anda sebagai ladang uang bagi dompet anda. Daftar =>  disini <= klik!  untuk memanen uang $ seperti saya. Gratis

Dapatkan update artikel  terbaru kami langsung ke email anda.