Cara terbaru Membuat Breadcrumbs terbaru 2013 di Blog


assalamu alaikum warahmatullahi wabarakatu....pa kabar semua sahabat-sahabat blogger!
kali in saya akan coba cara membuat  Breadcrumbs terbaru 2013 di Blog, Breadcrumbs sangant penting untuk di pasang karena 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
jika 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 tulisan "expand template widget".
5. Lalu cari kode ]]></b:skin> :  ( untuk mempermudah pencarian Gunakan CTRL dan F Sebagai Bantuanya.)
6. Silahkan Anda Copy kode CSS untuk Breadcrumbs di bawah ini dulu dan paste tepat 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 kode seperti ini lagi <b:includable id='main' var='top'> Jika sudah Ketemu Ganti kode tersebut dengan kode 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!
    
Previous
Next Post »

4 komentar

Click here for komentar
April 30, 2013 at 11:43 PM ×

boleh juga ne dicoba di http://thephatar.blogspot.com
mksih infonya....

Balas
avatar
admin
May 1, 2013 at 4:44 AM ×

maksi atas kunjugannya zob!
iyya bang silakan di coba semoga berhasil

Balas
avatar
admin
February 10, 2016 at 1:15 PM ×

mantap banget gan
terima kasih untuk berbagi info gan
semoga terus berkaya ya gan dan update terus....
thumbs up 4

Balas
avatar
admin

Terima telah berkunjung dan meniggalkan komentar di blog sederhana ini..!

NB :
1. Jangan berkomentar SPAM
2. Jangan meninggalakan LINK aktif karna otomatis akan terhapus.
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon

Thanks for your comment
Widget by