Cara memasang menu navigasi breadcrumb pada blog

Sebuah navigasi yang berada diatas  judul artikel yang akan tampil jika ada di single post atau di page isi artikel. Fungsinya adalah untuk memperlihatkan posisi artikel  kepada pembaca dan juga dapat mencari artikel dalam kategori yang sama.
Breadcrumb sendiri kalau diterjemahkan dalam bahasa indonesia artinya remah roti; menurut saya maksudnya mungkin menggambarkan dari sebuah Roti (Sebuah blog) dan navigasi ini adalah remah roti nya atau potongan dari isi sebuah blog.

Berikut adalah langkah-langkah penerapan Menu Navigasi Breadcrumb:
1. Masuk ke menu Rancangan » Edit html, Centang menu expand template widget.
2. Cari kode ]]></b:skin> dan simpan CSS ini diatas kode tadi :

p.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:double 3px
e6e4e3;
 }

3. Cari kode :
<b:includable var='top'>
dan simpan kode ini diatas kode Langkah no 3:
<b:includable 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>
<span>
<a expr:target="_blank" rel="nofollow" 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"'> &187;
<a expr:target="_blank" rel="nofollow" href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&187; Unlabelled
</b:if>
&187; <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>
<span>
<a expr:target="_blank" rel="nofollow" href='data:blog.homepageUrl'>Home</a> &187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p>
<span>
<b:if cond='data:blog.pageName == ""'>
<a expr:target="_blank" rel="nofollow" href='data:blog.homepageUrl'>Home</a> &187; All posts
<b:else/>
<a expr:target="_blank" rel="nofollow" href='data:blog.homepageUrl'>Home</a> &187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

4. Cari kode :
<b:include data='top' name='status-message'/>
dan ganti dengan kode dibawah ini:
<!-- <b:include data='top' name='status-message'/> -->
<b:include data='posts' name='breadcrumb'/>

ads

Ditulis Oleh : Unknown Hari: 20:59 Kategori:

0 comments:

Post a Comment

 

Blogroll

About