Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara membuat navigasi breadcrumb

Cara membuat navigasi breadcrumb

Cara membuat navigasi breadcrumb - Navigasi Breadcrumb adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website anda. Untuk contoh navigasi breadcrumb bisa dilihat digambar yang diatas. Memasang navigasi breadcrumb di blog dapat meningkatkan seo sebuah blog. Jadi sangat dianjurkan untuk memasang nya.

Cara untuk memasang navigasi breadcrumb

1. Login ke account blogger anda
2. Pilih menu template
3. Lalu klik edit HTML
4. Jangan Lupa klik Expand Widget nya (sebelum nya di back up dulu template nya untuk menghindari kesalahan)
5. Cari kode ]]></b:skin>
6. Copy paste kode berikut di atas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;  font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
7. Kemudian cari kode
<b:includable id='main' var='top'>
Dan ganti dengan kode
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>      
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>       
<div  class='breadcrumbs'><span><a  expr:href='data:blog.homepageUrl'  rel='tag'>Home</a></span> &#187;  <span><data:blog.pageName/></span></div>       
<b:else/>       
<b:if cond='data:blog.pageType == &quot;item&quot;'>       
<!-- breadcrumb for the post page -->       
<b:loop values='data:posts' var='post'>       
<b:if cond='data:post.labels'>       
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>       
<span  typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl'  property='v:title' rel='v:url'>Home</a></span>       
<b:loop values='data:post.labels' var='label'>       
&#187;  <span typeof='v:Breadcrumb'><a expr:href='data:label.url'  property='v:title'  rel='v:url'><data:label.name/></a></span>       
</b:loop>       
&#187; <span><data:post.title/></span>       
</div>       
<b:else/>       
<div  class='breadcrumbs'><span><a  expr:href='data:blog.homepageUrl'  rel='tag'>Home</a></span> &#187;  <span>Unlabelled</span> &#187;  <span><data:post.title/></span></div>       
</b:if>       
</b:loop>       
<b:else/>       
<b:if cond='data:blog.pageType == &quot;archive&quot;'>       
<!-- breadcrumb for the label archive page and search pages.. -->       
<div class='breadcrumbs'>       
<span><a  expr:href='data:blog.homepageUrl'>Home</a></span>  &#187; <span>Archives for  <data:blog.pageName/></span>       
</div>       
<b:else/>       
<b:if cond='data:blog.pageType == &quot;index&quot;'>       
<div class='breadcrumbs'>       
<b:if cond='data:blog.pageName == &quot;&quot;'>       
<span><a  expr:href='data:blog.homepageUrl'>Home</a></span>  &#187; <span>All posts</span>       
<b:else/>       
<span><a  expr:href='data:blog.homepageUrl'>Home</a></span>  &#187; <span>Posts filed under  <data:blog.pageName/></span>       
</b:if>       
</div>       
</b:if>       
</b:if>       
</b:if>       
</b:if>       
</b:if>       
</b:includable>       
<b:includable id='main' var='top'>       
<b:include data='posts' name='breadcrumb'/>