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.
| 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 == "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 ;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>
<b:includable id=main var=top>
<b:include data=posts name=breadcrumb/>
- Langkah terakhir adalah dengan menyimpan template tersebut.
Sumber
Available link for download