16 October 2014

Cara memasang breadcrumbs di blog

Dalam hal mempercantik dan mendesain sebuah blog tentunya tidaklah sedikit
cara yang di lakukan
oleh pemilik blog (admin) salah satu yang di lakukan adalah dengan memberi berbagai macam style dan widget misalnya.... dengan memasang Breadcrumb di Blog, nah posting kali ini Admin akan sedikit berbagi tips bagaimana cara memasang Breadcrumb di blog ikuti dan simak langkah langkah berikut..!

login ke akun Blogger anda
Masuk ke template anda dan pilih edit HTML.
Silahkan cari kode ]]></b:skin>

dan letakan kode berikut ini tepat di atas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}


Sekarang silahkan Cari kode <b:includable id='main' var='top'>
hapus dan ganti dengan kode Berikut 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'/>

Save template anda. Kemudian cek di salah satu postingan sobat untuk melihat perubahan yang anda lakukan tadi diatas.

oky saya rasa sudah cukup jelas ketemu lagi posting berikutnya .

6 comments

salam hangat dari kami ijin menyimak sahabat dari kami pengrajin jaket kulit

wa'alykum salam....salam hangat dan sejahtera kembali mas bro , sory mas blog baru masih dalam perbaikan .......

Ini nih.........tutorial yang ane cari cari....ijin kopas gan...

Kweeeek kweeek.......

Ijin kopas mas


EmoticonEmoticon