Cara Menciptakan Breadcrumb Di Blog

cara menciptakan breadcrumb di blog | Breadcrumb adalah sebuah pemberian 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 teman 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 teman membuat breadcrumb pastikan teman 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 teman 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 final disini, sesudah itu, teman 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 final jangan lupa simpan templates teman dan lihat diatas title post jikalau tidak paham title post maksudnya ialah diatas judul posting sobat. Good luck