> > Membuat Breadcumb di Blogspot

Membuat Breadcumb di Blogspot

Posted on Rabu, 23 November 2011 by Admin Indowarta

Indowarta - Membuat Breadcumb di Blogspot memang mudah tapi sulit. Pengalaman ini terbukti saat baru saja membuat breadcumb untuk blog indowarta ini. Yah karena sekarang indowarta sudah beralih ke blogspot maka mau tidak mau harus menyesuaikan untuk belajar hehe. Tapi saya sarankan rekan rekan untuk mencari sumber lain jika apa yang saya ajarkan disini gagal karena masing masing template blogger berbeda. Ada yang mau ada yg tidak.



Hal pertama yang harus dilakukan ialah
  1. login-->tata letak-->edit HTML.
  2. download full template, untuk berjaga-jaga jika terjadi kesalahan.
  3. beri tanda centang pada kotak kecil disamping tulisan '' Expand Template Widget''
  4. cari kode ]]></b:skin>
  5. copy kode dibawah ini, diatas kode ]]></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;


}
  1. Cari kode berikut <b:includable id='post' var='post'>
  2. Copy kode berikut dan letakkan di bawah kode tadi 
<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' rel='tag'>Home</a>


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


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


<b:loop values='data:post.labels' var='label'>


<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;


<a expr:href='data:label.url' rel='tag'><data:label.name/></a>


</b:if>


&#187; <span><data:post.title/></span>


</b:loop>


</b:if>


</b:loop>






</div>


</b:if>


<b:else/>


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


<div class='breadcrumbs'>


Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
Archives for <data:blog.pageName/>


</div>


</b:if>


<b:else/>


<b:if cond='data:navMessage'>


<div class='breadcrumbs'>


<data:navMessage/>


</div>


</b:if>


</b:if>

  1. Simpan templatenya.
Kalau memang tidak berhasil saran saya browsing lagi dengan kata kunci Membuat Breadcumb di Blogspot


Category Article ,

Tulis Komentar Anda... Website ini Dofollow

Copyrights @2011, Indowarta.org. Diberdayakan oleh Blogger.