Cara Membuat Breadcrumbs di Blogspot

Cara Membuat Breadcrumbs di Blogspot

 

Apakah templat anda belum memakai memakai Navigasi Breadcrumbs? Sangat sayang saudara untuk di lewatkan dalam arti jika templat pada Blogspot sobat tidak memakai Breadcrumbs menurut saya sangatlah rugi karena Breadcrumbs sangat memudahkan pengunjung blog kita untuk mengetahui di postingan mana di berada.Breadcrumbs terletak di atas persis pada postingan Kita dengan Urutan Sebagai Berikut  
Home >> Nama Label >> Judul Postingan
Jika anda tertarik Untuk Membuatnya Berukut Cara Membuat Breadcrumbs di Blogspot
1. Login ke blogger (Sebaiknya Back-up dulu templat anda jadi jika nanti gagal tinggal Upload lagi)
2. Masuk Kedalam Menu Template 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.Dan Yang Terakhir simpan template anda.
Tunggu paling lama 3 Hari kawan Pasti Breadcrumbs anda akan tampil di hasil pencarian Google.jadi saya berharap anda bisa sabar sedikit.soalnya punya saya butuh waktu 3 hari sobat.
demikianlah sobat Tutorial Tentang Cara Membuat Breadcrumbs di Blogspot. 

Salam Senyum Sukses <3S>