memasang breadcrumb di blogspot

breadcrumb adalah suatu navigasi yang dibuat untuk memudahkan pembaca melacak link induk dari suatu halaman web. breadcrumb biasanya diletakkan di bagian atas suatu laman web.

yup, breadcrumb mungkin cukup penting bagi sebagian narablog yang mementingkan kemudahan navigasi dalam blognya. selain itu penggunaan breadcrumb juga membuka peluang untuk menambah pageview ke laman yang berkaitan dengan laman yang dibaca.

langsung saja ke tutorialnya. tidak lupa back up dulu templatemu guna menghindari hal - hal yang tidak diinginkan.

pertama, centang pada Expand Template Widget

lalu copy kode di bawah ini, kemudian paste tepat di atas ]]>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;color:#888;font-size:13px;border-bottom:1px dotted #ccc;font-weight:normal}

lalu, cari kode dibawah ini

<b:includable id='main' var='top'>

kemudian ganti dengan kode di bawah 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> » <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;'>
» <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>
» <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 == &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> » <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> » <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'/>

kemudian save template. tunggu beberapa hari, maka link kamu yang keindex google akan menjadi berformat breadcrumb.

sekian artikel mengenai cara memasang breadcrumb di blogspot dari saya, jika ada pertanyaan silahkan tinggalkan komentar melalui form di bawah ini :