0 Trik Blogspot Membuat Cara Membuat Navigasi Breadcrumb

Chyberart  -  Topik kita kali ini yaitu membahas bagai mana cara Membuat Navigasi Breadcrumb Atas judul postingan blog. apakah anda sudah tau yang saya maksut dengan Navigasi Breadcrumb ?.

Navigasi Breadcrumb yang saya maksut adalah sebagai berikut :

Lihat tulisah yang bergaris bawah itulah yang saya maksut dengan Navigasi Breadcrumb jika secara pengertian menurut kedokteran blogger navigasi Breadcrumb sebuah link tautan internal pada bagian atas atau bawah halaman situs web yang memudahkan pengunjung untuk kembali ke halaman sebelumnya atau ke halaman dasar dengan cepat.

 Nah sekarang sudah taukan apa itu Navigasi Breadcrumb ?Bagai nana sekarang apakah anda tertarik untuk membuatnya.

Langsung saja ketahap-tahap pembuatannya :

1. Tetap seperti biasa pastikan anda login ke akun blog anda
2. Bagi anda pengguna dashboard lama Pilih Rancangan > Edit HTML > Centang Expand Template Widget
3. Untuk anda pengguna Dasboart Baru Blogger :
• Pilih Template

• Kemudian klik Edit HTML

• Pilih Proses/ Lanjutkan
4. Jangan Lupa download template lengkap terlebih dahulu untuk mengantisipasi kesalahan
5. Berikutnya Cari Kode  ]]></b:skin>  Gunakan (CTRL+F) untuk memudahkan pencarian kode
6. Selanjutnya letakan kode dibawah tepat diatas  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;
}

7. Nah jika sudah sekarang cari kode ini <div class='post hentry uncustomized-post-template'> 
8. Copas kode berikut dan letakan diatas kode diatas

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

9. Sekarang Silahkan klik simpan
10. Nah coba lihat pada positngan artikel blog anda jika sudah muncul seperti pada blog ini berarti anda berhasil.
11. Jika gagal coba lagi teliti kode yang anda kopas dan pastikan kode nya tepat dan tidak ada  yang ketinggalan

Itulah sekilas Tutorial Blogger mengenai Trik Blogspot Membuat Cara Membuat Navigasi Breadcrumb. Semoga bermanfaat kekurangan saya moho maaf, yang baik silakan diambil yang buruk mohon diperbaiki, kesempurnaan hanya milik allah SWT yang maha kuasa. Trimakasih....!

Anda sedang membaca artikel tentang Trik Blogspot Membuat Cara Membuat Navigasi Breadcrumb dan anda bisa menemukan artikel Trik Blogspot Membuat Cara Membuat Navigasi Breadcrumb ini dengan url http://team-cyberart.blogspot.com/2012/04/trik-blogspot-membuat-cara-membuat.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Trik Blogspot Membuat Cara Membuat Navigasi Breadcrumb ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Trik Blogspot Membuat Cara Membuat Navigasi Breadcrumb sumbernya.