Cara Mudah Membuat BreadCrumb Di Atas Postingan Blog

Apa itu BreadCrumb ? Singkat kata BreadCrumb adalah navigasi yg ada diatas postingan . Contohnya kayak gini lho browse >> home >> blogging >> cara membuat blog
Atau biar lebih jelas ini gambarnya













Gimana ? mau buat ? ikuti cara dibawah ya

1 . Pada dasbor blog >> rancangan >> edit HTML >> centang expand template

2 . Kemudian kalian cari kode ]]></b:skin>

3 . Dan copy kode di bawah ini tepat diatas kode ]]></b:skin>

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





4 . Kemudian kalian cari lagi kode <div class='post hentry uncustomized-post-template'>

5 . Copy kode dibawah ini dan taruh tepat dibawah kode <div class='post hentry uncustomized-post-template'>

<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>


6 . Klik simpan

Selesai deh , gampang kan ? selamat mecoba


2 komentar:

  1. wahh . . menarik nich . . makasih infonya. . :)

    BalasHapus
  2. masama , makasi udah mampir :D

    BalasHapus