Beranda » Tutorial Blog » Cara Membuat Navigasi Breadcrumb di Blog

Cara Membuat Navigasi Breadcrumb di Blog

T Diposting oleh pada 10 Maret 2012
F Kategori
b Komentar Dinonaktifkan pada Cara Membuat Navigasi Breadcrumb di Blog
@ Dilihat 761 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.
Diposting oleh

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google ads, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

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

Cara Mengubah Judul Blog Dengan Judul Postingan Pada Blogspot

Cara Mengubah Judul Blog Dengan Judul Postingan Pada Blogspot

T 9 April 2011 F A Darmanto SEO

Banyak sekali cara yang dilakukan agar SEO friendly, salah satu diantaranya ialah dengan mengubah judul blog anda ke judul postingan pada search engine.Teknik ini sangat penting dilakukan agar tampilan blog anda pada search engine bukanlah judul blog yang didahului, melainkan... Selengkapnya

Cara Membuat Widget Recommended Post Slide

Cara Membuat Widget Recommended Post Slide

T 29 Agustus 2012 F A Darmanto SEO

Cara Membuat Recommended Post Slide.Membuat Widget Recommended post slide adalah salah satu widget yang banyak di pasang oleh sebagian blogger.Tujuan pemasangan widget ini adalah salah satu tips blog untuk memperbanyak pageview blog milik sang blogger.Widget ini akan memunculkan random post... Selengkapnya

Cara Membuat Sitemap Di blogger

Cara Membuat Sitemap / Daftar Isi di Blogger

T 9 November 2015 F A Darmanto SEO

Cara Membuat Sitemap / Daftar Isi di Blog khusus untuk pengguna web platform blogger akan saya share. Hal ini karena ada salah satu sobat blogger yang minta petunjuk cara membuatnya. Membuat sitemap di blogger ada beberapa cara, cara membuat sitemap... Selengkapnya

+ SIDEBAR

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

Operation time

Senin-Jumat: 08.00-17.00
Sabtu: 08.00-16.00
Minggu: Buka dengan buat janji dulu
Email: admin(at)darmanto.com

Alamat

Darmanto:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358

Butuh Bantuan? Chat Kami Sekarang