Cara Membuat Breadcrumbs Pada Postingan Di Blog

Posted on
Agen Bola
Cara Membuat Breadcrumbs Pada Postingan Di Blog – Breadcrumbs ? Apa itu? Breadcrumbs adalah tepung roti bukan itu maksudnya Breadcrumbs di dunia blogging adalah teknik lama yang menjadi trend yang di gunakan orang barat untuk hal hal yang membantu mereka menelusuri keberadaan mereka dari suatu titik awal. Banyak para master SEO meyakini teknik ini membantu googlebot untuk lebih cepat dalam merayapi dan mengenali struktur dari blog, karena halaman halaman yang pada hiraki atas akan mendapatkan lebih banyak poin dari pada yang di bawah.
Saya juga merasakan efek dari breadcrumbs ini sendiri. Siapa yang ingin memasang breadcrumbs ini dapat di lakukan dengan mudah dengan cara di bawah ini.
  • Masuk ke akun Blogger.com anda
  • Lalu pilih blog yang akan di setting dan Pilih Menu Template
  • Klik Tombol  Edit HTML
  • Buka semua kode Template. 
  • Klik salah satu kode HTML, Lalu tekan CTRL+F lalu cari kode ini ]]></b:skin 
  • Taruh kode di bawah ini tepat di atas kode ]]></b:skin 

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

  • Setelah itu cari kode ini : <b:includable id=’main’ var=’top’> 
  • Ganti kode di atas dengan di bawah

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

  • Dan klik Simpan, Selamat breadcrumbs akan muncul seperti gambar di atas.

Nah itu dia Cara Membuat Breadcrumbs Pada Postingan Di Blog mudah bukan? Bagi kalian yang belum paham atau gagal bisa berkomentar di bawah ini. Nah sekian dulu postingan dari saya Thanks sudah berkunjung.

Incoming search terms: