Cara Menciptakan Breadcrumb Di Blog

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

Bagi sahabat yang belum membuat breadcrums pribadi saja, cara menciptakan breadcrumb di blog ini sangat gampang dan tentunya menyebabkan blog kita seo friendly lebih banyak pengunjung cepat terindex mbah Google.

Berikut Cara Membuat Breadcrumb Di blog :

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

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

• Belum simpulan disini, sehabis itu, sahabat cari lagi arahan <b:includable id='main' var='top'> (ketik aja di Ctrl+F)
• 
  
• Lalu hapus arahan tersebut dan gantilah dengan arahan 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 simpulan jangan lupa simpan templates sahabat dan lihat diatas title post jikalau tidak paham title post maksudnya yakni diatas judul posting sobat. Good luck

Bagikan Artikel ini