Membuat Navigasi Breadcrumb Terbaru

Membuat Navigasi  Breadcrumb Terbaru-Wahid Sahidu-Membuat Navigasi  Breadcrumb Terbaru- Navigasi Breadcrumb adalah kumpulan dari beberapa link yang memunkinkan untuk menumakan link artikel kalian atau disebut juga alamat link artikel pada blog kalian.Oleh Karena itu Pada tips SEO kali ini wahid sahidu akan memberikan tips Membuat Navigasi  Breadcrumb Terbaru, Namun Pada Navigasi Breadcumb kali ini ada sedikit Perbedaannya Karena Breadcumbs kali ini akan tampil di halaman SE saat kita sedang berselanjar dengan mengetik keyword yang akan kita tuju
Untuk lebih jelasnya berikut ini Screen shootnya




Membuat Navigasi  Breadcrumb Terbaru
Gimana Sobat tertarik untuk membuatnya silhkan ikuti langkah langkah berikut ini:
  1. Log ini ke blog anda>>Pilih Rancangan => Edit HTML =>> Centang Expand Template Widget
  2. Cari Kode  ]]></b:skin>
  3. Kemudian cari kode  <b:include data='top' name='status-message'/>, Kemudian Paste kode berikut ini  di bawah kode di atas  <b:include data='posts' name='breadcrumb'/>
    Kode tersebut akan berbentuk seperti ini
    <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/> 
    <data:adStart/>
  4. Kemudian cari kode  <b:includable id='main' var='top'> Lalu Tambahkan kode Berikut ini di atas kode  <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Kemudian simpan dan lihat hasilnya:
Sekian dulu tips seo Membuat Navigasi  Breadcrumb Terbaru semoga dapat membawa manfaat bagi anda
Sumber refrensi:
bloggerplugins.org
support.google.com/webmasters

No comments:

Post a Comment