Membuat Breadcrumbs Terindex Oleh Google

Membuat Breadcrumbs Terindex Oleh Google | Kalian tahu apa itu Breadcrumbs ? saya akan memberikan contoh ni, apakah pernah sobat berkunjung ke blog orang lain, dan melihat seperti menu navigasi seperti petunjuk seperti panah dari home menuju kategori dan menuju judul postingan.

Itu dia yang disebut dengan Breadcrumbs, kegunaan Breadcumbs berguna untuk memudahkan pengunjung untuk ke topik dari postingan tersebut dan mempermudah ke beranda. sudah paham belum sobat ? saya anggap anda sudah paham langsung saja kita mencoba untuk membuatnya.

• Pertama login ke Blogger dengan akun anda
• Pilih Menu Template
• Klik Edit HTML
• Cari kode ]]></b:skin> gunakan tombol CTR+F untuk mempermudah pencarian) setelah ketemu copy kode dibawah dan simpan di atas kode ]]></b:skin>

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

• Cari kode <b:includable id='main' var='top'>, setelah ketemu hapus kode tersebut, dan ganti dengan kode dibawah ini

<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><aexpr: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'>
 <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl'itemprop='url'><span itemprop='title'>Home</span>
 </a>
 </span>
 <b:loop values='data:post.labels' var='label'>
&#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url'itemprop='url'><span itemprop='title'><data:label.name/></span>
 </a>
 </span>
 </b:loop>
&#187; <span><data:post.title/></span>
 </div>
 <b:else/>
 <div class='breadcrumbs'><span><aexpr: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' />

• kalau tidak ada error, sekarang klik Simpan Template

Share :

Tweet

✚

Related Post