Sunday, October 30, 2016

Cara membuat Breadcrumbs di Blogspot ter Indeks Google

Cara membuat Breadcrumbs di Blogspot ter Indeks Google


Eftutor.blogspot.com - Koleksi Artikel Online - Cara membuat Breadcrumbs di Blogspot ter Indeks Google. Breadcrumb nampaknya sudah banyak digemari oleh blogger dan web master karena efek dalam pencarian google yang menjadi lebih cantik.

Cara membuat Breadcrumbs di Blogspot ter Indeks Google
Memasang Breadcrumb untuk Optimasi Blog
Cara membuat Breadcrumbs di Blogspot / Blogger
  • Login di Blogger
  • Pilih Template
  • Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
  • Centang Expand Widget Templates
  • Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
  • Kemudian cari kode ]]></b:skin>
  • Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Kemudian cari kode <b:includable id=main var=top> gunakanlah CTRL+F untuk mempermudah pencarian
  • Ganti kode <b:includable id=main var=top> dengan kode yang 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><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 ;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/>
  • Langkah terakhir adalah dengan menyimpan template tersebut.
Selamat mencoba.

Sumber

Available link for download