Cara Membuat Breadcrumb Di blog

Cara Membuat Breadcrumb Di blog

cara membuat breadcrumb di blog | Breadcrumb adalah sebuah bantuan navigasi yang digunakan dalam user interface sehingga memudahkan user dalam menavigasi halaman blog/ web. Membuat Breadcrumbs tentunya hal yang wajib agar blog kita menjadi seo dan disukai oleh google.

Bagi sobat yang belum membuat breadcrums langsung saja, cara membuat breadcrumb di blog ini sangat mudah dan tentunya menjadikan blog kita seo friendly lebih banyak pengunjung cepat terindex mbah Google.

Berikut Cara Membuat Breadcrumb Di blog :

• Sebelum sobat membuat breadcrumb pastikan sobat sudah membuat label pada blog.
• Langkah Selanjutnnya,pergi ke Dashboard, lalu pilih Tata Letak dan kemudian pilih Edit HTML, jangan lupa contreng tulisan Expand Widget Templates agar kode css dank ode html terlihat semua.
• Selanjutnya cari kode ]]></b:skin> (gunakan Ctrl+F pada keyboard sobat untuk membantu pencarian):
• 
  
• Setelah ketemu, letakkan kode berikut tepat diatasnya kode ]]></b:skin> :

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

• Belum selesai disini, setelah itu, sobat cari lagi kode <b:includable id='main' var='top'> (ketik aja di Ctrl+F)
• 
  
• Lalu hapus kode tersebut dan gantilah dengan kode berikut:

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

<b:if cond='data:label.isLast == &quot;true&quot;'>

&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:if>

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

| Cara Membuat Breadcrumb Di blog | Setelah selesai jangan lupa simpan templates sobat dan lihat diatas title post kalau tidak paham title post maksudnya adalah diatas judul posting sobat. Good luck

Cara Membuat Breadcrumb Di blog