Beranda » Uncategorized » Cara Membuat Navigasi Breadcrumb di Blog

Cara Membuat Navigasi Breadcrumb di Blog

T Diposting oleh pada 10 March 2012
F Kategori
b Comments Off on Cara Membuat Navigasi Breadcrumb di Blog
@ Dilihat 35 kali
Cara Membuat Navigasi Breadcrumb di Blog.Sobat Darmanto,agak lama juga yah Catatan saya ini tidak membuat tutorial blog.Nah pada catatan saya kali ini,saya akan berbagi catatan mengenai Cara membuat navigasi breadcrumb di blog.Membuat navigasi breadcrumb adalah salah satu navigasi yang saat ini banyak dipakai oleh hampir semua blog maupun website.Keberadaan Navigasi breadcrumb yang digunakan  sebagai ‘user interface’ yang memungkinkan pengunjung  dapat mengetahui halaman artikel yang sedang mereka baca.Biasanya Navigasi breadcrumb berbentuk tulisan/link yg menjelaskan posisi dan keberadaan sebuah artikel tetapi ada juga yang berbentuk gambar .Navigasi breadcrumb biasanya terdiri dari Halaman depan, Label/Kategori dan Isi artikel dan biasnya dipisahkan dengan  tanda >> atau tanda >.Contoh navigasinya seperti tulisan dibawah ini::
Halaman depan > Label/Kategori > Isi Artikel.

Bagian Halaman depan dan Label akan dpasang  link yg sebagai tombol kembali supaya  memudahkan pengunjung  blog dalam memilih Artikel yang lain.Ok sobat Darmanto semua,yok langsung saja saya bagikan catatan Cara membuat navigasi breadcrumb diblog sebagai berikut ini.Langkah yang pertama adalah:
1.Login ke dasbor  blogger
2.Klik Rancangan
3.Lalu pilih Edit HTML
4.Dan jangan lupa Expand Widget Templates
Copy kode CSS dibawah ini dan pastekan sebelum kode ]]></b:skin>
#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:1px dotted #CCCCCC;

Setelah itu cari kode  <b:if cond=’data:post.title’>  dan pastekan kode berikut ini diatasnya.Bila ada dua kode,moke pastekan saja di kode yang pertama:

<b:if cond=’data:blog.homepageUrl == data:blog.url’> <b:else/> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div class=’breadcrumbs’> Browse &gt; <a expr:href=’data:blog.homepageUrl’>Home</a> &gt; <b:if cond=’data:post.labels’> <b:loop values=’data:post.labels’ var=’label’> <a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a> <b:if cond=’data:label.isLast != &quot;true&quot;’> , </b:if> </b:loop> </b:if> &gt; <data:post.title/></div> </b:if> </b:if>
ยท         Terakhir lakukan pratinjau dulu,bila berhasil maka simpan  template.Ok sobat semua,itulah catatan saya mengenai Cara membuat navigasi breadcrumb di blog.Semoga berhasil dan bermanfaat.

Komentar dinonaktifkan: Cara Membuat Navigasi Breadcrumb di Blog

Maaf, form komentar dinonaktifkan untuk produk/artikel ini

a Artikel Terkait Cara Membuat Navigasi Breadcrumb di Blog

Blogger Munafik

Blogger Munafik

T 19 January 2012F A admin

Blogger munafik…. Sobat Darmanto,pada artikel kali ini saya ingin membagikan Catatan saya yang selama hampir  tiga minggu ini saya benar-benar lagi sibuk urusan off line namun  walaupun sibuk urusan off line saya masih menyempatkan diri dengan berkunjung dan terus belajar... Selengkapnya

Lakukan 18 Amalan Ini Bila Anda Sedang Kesulitan Rezeki

T 27 November 2015F A admin

Mengalami kesulitan rezeqi tentu menjadi beban tersendiri bagi setiap orang. Namun bila Anda mau mengamalkan 18 amalan-amalan dibawah ini,insyaAllah kesulitan rezeqi tersebut bisa berubah kearah lebih baik karena amalan ini ada dasar dalil dan haditsnya. Sebelum datangnya masa sekarang semua... Selengkapnya

Dua hal Yang Bisa Menyebabkan Matinya Hati

Dua hal Yang Bisa Menyebabkan Matinya Hati

T 19 May 2011F A admin

Mengapa para pejabat atau orang-orang yg dikritik acuh saja dg yg mengkritiknya? Inilah dua hal yg mungkin menyebabkannya. Dari Fudheil Bin Iyadh:”Ada dua hal yg dapat mematikan hati. Pertama,banyak tidur. Kedua,banyak makan”. Nah cobalah perhatikan orang-orang yg Kita kritik tersebut,adakah... Selengkapnya

+ SIDEBAR
tempat belajar seo

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.