Cara membuat breadcrumb di blog

Cara membuat breadcrumb di blog ~ Seperti yang kita ketahui bahwa tampilan breadcrumb membuat hasil tampilan browsing kita menjadi lebih menarik dan juga membantu para pengunjung mengetahui posisi artikel pada saat membaca artikel tersebut, bahkan ada yang berpendapat bahwa membuat breadcrumb atau memasang breadcrumb juga menambah seo suatu blog. Nah, yuk langsung kita membahas cara membuat breadcrumb tersebut

1. Login ke Blogger

      

2. Pilih Tabs "Template"  kemudian Pilih "Edit HTML"

     

3. Sobat Cari kode seperti    <b:includable id='main' var='top'>

4. Kemudian copas kode di bawah ini  dan di letakkan di atas kode <b:includable id='main' var='top'>
  

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>

<span typeof='v:Breadcrumb'> 

<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>

 <b:loop values='data:post.labels' var='label'>&#187; 

<span typeof='v:Breadcrumb'>

<a expr:href='data:label.url' property='v:title' rel='v:url'>

<data:label.name/></a></span>

</b:loop> &#187; 

<span><data:post.title/></span> </div> 

</b:if> </b:loop></b:if>

</b:includable>

5. Cari kode <b:include data='top' name='status-message'/> 
    setelah ketemu silahkan sobat paste code di bawah ini dan letakkan di atas kode tersebut
    <b:include data='posts' name='breadcrumb'/>

6. Cari lagi kode seperti  ]]></b:skin>, kemudian letakkan kode CSS  di bawah ini tepat di atas kode tersebut

  .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height: 1.4em;border-bottom:3px double #009999;}

7  Dan Safe Template, selesai breadcrumb blog anda
Demikian postingan artikel cara membuat breadcrumb di blogspot semoga dapat memberi manfaat, salam blogger

Terima kasih telah membaca artikel tentang Cara membuat breadcrumb di blog dan anda bisa bookmark artikel Cara membuat breadcrumb di blog ini dengan url https://blogkangadi.blogspot.com/2014/05/cara-membuat-breadcrumb-di-blog.html. Terima kasih

Berlangganan artikel via email :

Delivered by SEO XT

Share On:

Related Post:

Tutorial Blog

• Cara membuat tulisan berjalan di Blog
• Cara Membuat Blog 1 Menit
• Cara Rahasia Mempercantik Blog
• Cara Membuat Auto Read More di Blog
• Cara membuat drop down menu di blog
• Cara Mengganti Background Blog
• Cara Memasang Fans Page Facebook di Blog
• Cara Memasang Widget Di Blog
• Cara Membua Catatan Kaki di Blog
• Cara Membuat Scroll di blog
• Cara Mudah Mengganti Template Blog
• CARA MUDAH MEMBUAT IKLAN DI SAMPING KANAN KIRI BLOG
• Mengganti "Older Posts" Dengan Angka
• Membuat Widget Daftar isi Berdasarkan Label
• Rahasia Optimasi Meta Tag di New Blogger
• Rahasia Pada Meta Title, Description dan Keyword di Blogger
• Menampilkan iklan ditengah posting berdasarkan Label
• Warna Latar Otomatis Berbeda Pada Setiap Postingan
• SERP SEO Tool Khusus Untuk Kontes SEO
• Tools Gratis Untuk Bloger Pemula
• Cara Mudah Membuat Populer Post Keren
• Cara Mudah Membuat Read More blog
• Cara Membuat Widget Burung Twitter Terbang di Blog
• Widget Label dengan Counter Box Keren