Cara Terbaru Menciptakan Breadcrumbs Terbaru 2013 Di Blog

assalamu alaikum warahmatullahi wabarakatu....pa kabar semua sahabat-sahabat blogger!
kali in aku akan coba cara membuat  Breadcrumbs terbaru 2013 di Blog, Breadcrumbs sangant penting untuk di pasang alasannya yaitu Breadcrumbs sangat memudahkan pengunjung blog kita untuk mengetahui di postingan mana di berada. Breadcrumbs terletak pas di atas postingan blog sobat
Home >> Nama Label >> Judul Postingan

bila sobat tertarik untuk memasangnya silakan ikuti lang-langka berikt ini!

1. Seperti biasa logging ke blog sobat (sebaiknya copy backup template anda sebelumnya)
2. Masuk Kedalam Menu TEMPLAT Anda
3. Pilih Edit HTML.
4. Centang goresan pena "expand template widget".
5. Lalu cari isyarat ]]></b:skin> :  ( untuk mempermudah pencarian Gunakan CTRL dan F Sebagai Bantuanya.)
6. Silahkan Anda Copy isyarat CSS untuk Breadcrumbs di bawah ini dulu dan paste sempurna 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. . Lanjutkan cari isyarat menyerupai ini lagi <b:includable id='main' var='top'> Jika sudah Ketemu Ganti isyarat tersebut dengan isyarat di bawah ini 

<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'/>

 8. terakhir simpan template anda!