Saya sudah pernah membuat postingan tentang bagaimana membuat sebuah Navigasi Breadcrumb di Blogger. Akan tetapi saya memiliki cara kedua yang menurut saya lebih baik daripada cara yang pertama.
Masuk ke Blogger > Tata Letak > Edit HTML
Simpan Template terlebih dahulu sebelum memulai
Klik Expand Widget Templates
Cari kode ini :
<b:include data='top' name='status-message'/>
Ganti dengan kode ini :
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
Jika sudah, cari kode ini :
<b:includable id='main' var='top'>
Ganti dengan kode ini :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<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>
</b:includable>
<b:includable id='main' var='top'>
Setelah itu, cari kode ini :
]]></b:skin>
Ganti dengan yang ini :
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>
Simpan template dan Selesai
Tidak ada komentar:
Posting Komentar
Donasi tidak hanya berupa Uang, Donasi dapat juga berupa Semangat yang Anda berikan. Silahkan berikan Saya Donasi melalui komentar untuk menyemangati Saya dalam menulis.
Dan bagi Anda yang merasa Blog ini bermanfaat bagi Anda, silahkan menjadi Follower atau masukkan email Anda untuk Berlangganan.
Note: Komentar yang diembel-embeli dengan link tambahan seperti "thanks for infonya, www.blablabla[dot]blogspot[dot]com" kemungkinan tidak dimunculkan!