Cara Membuat Breadcrumb Di Blogspot

  Breadcrumb pada blogger atau blogspot sangat penting, disamping untuk membagun internal link yang mengarah ke homepage, breadcrumb pada blogspot juga bagus untuk SEO, dengan adanya breadcrumb yang terpasang di blogspot kamu, maka google bisa mengindex pula breadcrumb tersebut, lihat gambar dibawah ini!

Klik pada gambar jika kurang jelas, nah diatas saya mengetikkan kata kunci "membuat recent post" pada hasil di pencarian google ditunjukkan breadcrumb yang terindex dengan label yang saya buat, lihat yang berlingkar merah tersebut, sudah jelas kan?
cara membuat breadcrumbs supaya bisa terindex di google memang tidak mudah,walaupun cara yang akan saya share tentang membuat breadcrumbs yang bisa terindex google belum pasti tapi sudah ada bukti hasil Rieview nya.oke langsung kita ke topik bagaimana cara membuat breadcrumb di blogspot caranya sebagai berikut:

1. Login ke blogger kamu
2. Klik rancangan
3. Edit HTML
4. Beri centang pada pojok atas template kamu, dan jangan lupa download template kamu untuk backup jika terjadi kesalahan.
5. Cari kode ]]></b:skin> lalu copy dan paste kode dibawah ini tepat diatas ]]></b:skin>
   

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

6. Cari kode <b:include data='top' name='status-message'/> lalu copy dan paste kode berikut ini tepat dibawah kode <b:include data='top' name='status-message'/>
   

   <b:include data='posts' name='breadcrumb'/>

   ika menemukan dua kode yang sama dari kode <b:include data='top' name='status-message'/> maka pilih kode yang kedua,biasanya dibawah kode <div class='blog-posts hfeed'>
   
7. Cari lagi kode <b:includable id='main' var='top'> dan copy paste kode berikut tepat diatas <b:includable id='main' var='top'>
   

   <b:includable id='breadcrumb' var='posts'>
   
   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   
   <b:if cond='data:blog.pageType == "static_page"'>
   
   <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
   
   <b:else/>
   
   <b:if cond='data:blog.pageType == "item"'>
   
   <!-- breadcrumb for the post page -->
   
   <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' rel="v:url" property="v:title">Home</a></span>
   
   <b:loop values='data:post.labels' var='label'>
   
   <b:if cond='data:label.isLast == "true"'>
   
   » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
   
   </b:if>
   
   </b:loop>
   
   » <span><data:post.title/></span>
   
   </div>
   
   <b:else/>
   
   <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
   
   </b:if>
   
   </b:loop>
   
   <b:else/>
   
   <b:if cond='data:blog.pageType == "archive"'>
   
   <!-- breadcrumb for the label archive page and search pages.. -->
   
   <div class='breadcrumbs'>
   
   <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
   
   </div>
   
   <b:else/>
   
   <b:if cond='data:blog.pageType == "index"'>
   
   <div class='breadcrumbs'>
   
   <b:if cond='data:blog.pageName == ""'>
   
   <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
   
   <b:else/>
   
   <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
   
   </b:if>
   
   </div>
   
   </b:if>
   
   </b:if>
   
   </b:if>
   
   </b:if>
   
   </b:if>

8. Simpan template kamu, dan lihat hasilnya.