-->

iklan banner

Membuat Breadcrumbs Blogspot

Sinichinet kali ini akan menyebarkan postingan perihal cara MEMBUAT BREADCRUMBS BLOGSPOT. Jika ada yang belum mengetahui apa itu Breadcrumbs yaitu suatu sajian navigasi yang menunjukkan link dari satu halaman ke halaman berikutnya yang sedang aktif atau dari halaman utama (Home) menuju ke halaman yang sedang anda baca. utk lebih jelasnya sanggup anda lihat pada screenshot berikut :

 Sinichinet kali ini akan menyebarkan postingan perihal cara MEMBUAT BREADCRUMBS BLOGSPOT

Jika anda perhatikan biasanya Breadcrumbs terdapat diatas judul. Melalui Breadcrumbs ini pembaca sanggup mengetahui dimana postingan yang sedang beliau baca berada. Selain itu, berdasarkan para master SEO, Breadcrumbs sangat baik untuk SEO blog sebab sanggup memperkaya kata kunci dalam postingan.

Perhatian : Sebelum mencobanya alangkah lebih baik jikalau anda menciptakan backup terlebih dahulu untuk berjaga-jaga.

Cara menciptakan Breadcrumbs yakni sebagai berikut :

  • Masuk ke Blogger
  • Klik Template > Edit HTML > Lanjutkan
  • Centang Expand Template Widget
  • Cari isyarat ]]></b:skin> dan simpan isyarat ini diatasnya:

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}


  • Cari kode <<b:includable id='main' var='top'>, ganti dengan :

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


  • Simpan Template anda
Demikian cara MEMBUAT BREADCRUMBS BLOGSPOT dan agar bermanfaat ^_^b

Sumber tumpuan : Blog Kangismet

Baca juga artikel yang lain :

Sumber http://sinichinet.blogspot.com

Berlangganan update artikel terbaru via email:

0 Response to "Membuat Breadcrumbs Blogspot"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel