Posted by : Unknown
Rabu, 26 Desember 2012
Cara Membuat Breadcrumb Blog - Berbeda dengan artikel sebelumnya, cara membuat breadcrumb blog sederhana, tampilan breadcrumb yang muncul hanya menampilkan tag atau label artikel secara spesifik yang terpilih namun kalau menurut saya sich kalau cara membuat breadcrumb blog khusus ini hanya meminimalis tampilan tag atau label saya sehingga dengan menggunakan cara ini maka tag atau label yang anda berikan untuk artikel blog anda hanya menampilkan satu tag atau label saja, seperti tampilan gambar berikut ini
Bagaimana cara membuat breadcrumb blog seperti gambar diatas? Baca juga fungsi breadcrumb
Bagaimana cara membuat breadcrumb blog seperti gambar diatas? Baca juga fungsi breadcrumb
- Masuk ke akun Blogger anda
- Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
- Cari kode ]]></b:skin>
- Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef} - Cari kode seperti ini : <div class='post hentry'>
- Letakkan kode berikut ini tepat setelah atau sebelum kode <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if> - Simpan template
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Panduan Cara Membuat Breadcrumb Blog Khusus
Related Posts :
- Back to Home »
- Breadcrumb , breadcrumb blog , cara , cara membuat breadcrumb blog »
- Panduan Cara Membuat Breadcrumb Blog Khusus