CARA MEMBUAT BREADCRUMBS DIATAS JUDUL POSTINGAN BLOG

Breadcrumb, membuat alamat artikel post di Blogspot. Sebuah kata yang sulit diterjemahkan bagi seorang Newbie, breadcrumbs? apa itu breadcrumbs? Yang mungkin Anda pikirkan adalah bagaimana cara membuat alamat artikel post di blogspot diatas judul? Iyapz memang itulah bahasa yang mudah kita pahami. Nah untuk contohnya saya rasa Anda bisa melihat di atas judul artikel blog ini, adalah seperti urutan alamat artikel.

Berikut ini script dan cara memasang nya agar di blog Anda juga terdapat Breadcrumbs nya :

1. Silahkan login di blogger dengan akunmu

2. Clik Layout

3. Clik Edit HTML tab

4. Clik Download Full Template dan tolong Back Up dahulu template Anda yang pertama

5. Centang pada kotak kecil disamping Tulisan Expand Widget Template

6. Cari Code ]]></b:skin>

7. Copy dan paste code dibawah ini, tepat diatas code ]]></b:skin>

.breadcrumbs{ 

padding:5px 5px 5px 0; 

margin:0;font-size:95%; 

line-height:1.4em; 

border-bottom:4px double #cadaef; 

}

8. Cari Code berikut dalam template :

<div class='post hentry uncustomized-post-template'>

9. Copy dan paste code dibawah ini, tepat dibawah code <div class='post hentry uncustomized-post-template'> atau jika tidak menemukan coba cari <div class='post hentry

<b:if cond='data:blog.homepageUrl == data:blog.url'> 

<b:else/> 

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

<div class='breadcrumbs'> 

Browse &#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>

10. Clik Save Template 

11. Finished :)

NB : Selamat mencoba :))