News Update :

Cara Membuat Breadcrumb

Cara membuat Breadcrumb atau menu navigation di blogspot. Breadcrumb adalah menu navigasi yang bisa membantu pengunjung / visitor blog supaya mereka tahu sedang membuka / mengunjungi halaman apa dan berada di kategory atau label apa. Selain itu Breadcrumb juga diperlukan untuk mengoptimalkan Seo On Page. Sekarang saya akan share cara membuat Breadcrumb di blogspot.




Cara membuat Breadcrumb di Blogspot
  • Sign In di blogger.com
  • Pada menu drop down, pilih Template
  • Backup Template sobat
  • Selanjutnya, klik Edit HTML dan klik Proceed
  • Kasih tanda centang pada Expand Widget Template
  • Cari kode ]]></b:skin> :
  • Kalau sudah ketemu kode di atas, Paste kode berikut tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
  •  Kemudian cari kode <b:includable id='post' var='post'>
  •  Setelah ketemu, silahkan paste kode berikut tepat dibawah kode <b:includable id='post' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
  • Save template ( selesai ) 

Semoga tutorial blogspot tentang cara menyembunyikan tombol berbagi atau cara menembunyikan share buttons ini bermamfaat buat sobat blogger.



Cara membuat breadcrumb

Cara membuat Breadcrumb atau menu navigation ini sudah bukan rahasia lagi, sudah banyak para blogger yang menulis artikel cara membuat breadcrumb. Ada yang langsung bisa dan masih ada juga yang salah penempatan kode, sehingga breadcrumb tersebut tidak muncul pada halaman blog. Alhamdulillah sebelum artikel ini ditulis, saya sendiri sudah mencoba atau mempraktekannya dan berhasil. Wah sepertinya sudah lumayan panjang artikelnya, ya sudah cukup disini dulu artikel cara membuat Breadcrumb di blogspot, jangan lupa komentarnya kalau ada kesalahan maupun tidak dan sampai ketemu di artikel selanjutnya.
Share this Article on :

0 komentar:

Posting Komentar

Tolong memberi komentar yang tidak melanggar norma-norma. Kami berhak menghapus komentar yang kasar, mengejek, bersifat menyerang, dan tidak berhubungan dengan artikel di atas. Oleh sebab itu, kiranya dapat menggunakan bahasa yang jelas!

Pedoman wajib untuk memasukkan komentar:
1. Tidak boleh memakai lebih dari satu kolom komentar.
2. Pertanyaan/masukan harus berhubungan dengan uraian diatas.
3. Sebaiknya satu atau dua pertanyaan dalam satu kolom komentar.
4. Hanya menggunakan bahasa Indonesia yang umum dan dimengerti semua orang.

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya Admin minta maaf jika komentar anda blm sempat dibls. ^^

 
Copyright Zona Info 2010 -2011 | Powered by Blogger.com.