-->
IBX5824722692B28

Cara Membuat Breadcrumb Navigation Blog


Cara Membuat Breadcrumb Navigation Blog - Breadcrumb Navigation merupakan sebuah script yang berfungsi untuk memudahkan pembaca mengetahui kategori dan sub kategori artikel/postingan yang sedang dibaca. Pemasangan breadcrumb ini juga disarankan oleh search engine google untuk optimasi blog Anda.

Seperti apakah cara membuat breadcrumb di blog? Berikut adalah langkah-langkahnya membuat Breadcrumb Navigation :
Cara Membuat Breadcrumb Navigation Blog

Cara Membuat Breadcrumb Navigation Blog


1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Cari kode ]]></b:skin> (Gunakan F3 atau Ctrl + F).
4. Letakkan kode berikut diatas kode ]]></b:skin>

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:95%;
line-height: 1.2em;
border-bottom:2px double #000000;
}
 5. Kemudian letakkan juga kode berikut dibawah kode <b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187;
<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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if> 
6. Simpan template dan tampilannya akan seperti Gambar dibawah ini :


Nah dengan mengikuti semua langkah-langkah membuat Breadcrum Navigation Blog diatas saya anggap sekarang blog Anda sudah dilengkapi dengan breadcrumb navigation. Selamat mencoba dan semoga bermanfaat.


Pencarian Google :
  • Cara Membuat Breadcrumb Navigation Blog
  • Cara Membuat Breadcrumb Navigation Blog
  • Cara Membuat Breadcrumb Navigation Blog
Judul: Cara Membuat Breadcrumb Navigation Blog; Ditulis oleh Pusat Baclink; Rating Blog: 5 dari 5

0 Response to "Cara Membuat Breadcrumb Navigation Blog"

Post a Comment