Navigasi Breadcrumbs "sesuatu diatas posting"

Navigasi Breadcrumbs

Menurut para Master Blogger Navigasi Breadcrumb sangat disukai ma  Om Google, dan juga dikatakan sebagai SEO.  Navigasi Breadcrumb sudah saya terapkan di blog ini, anda bisa melihatnya pada pada bagian atas postingan ini.

1. Masuk ke Rancangan > Edit HTML > checklist Expand Widget Templates. Untuk mengamankan template anda, sebaiknya download dulu template anda untk berjaga-jaga.
2. Copy kode css berikut lalu pastekan sebelum kode </b:skin>. (gu8nakan ctrl+f untuk memudahkan pencarian)

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

3. Kemudian cari kode ini <b:includable id='main' var='top'> dan pasang kode berikut tepat di atas kode tadi.

<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Go&#160; :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

4. Lalu cari kode <b:loop values='data:posts' var='post'> (biasanya ada 2 kode yg sama pilih kode yang pertama) dan pasang kode berikut di bawah kode tadi

<b:include data='post' name='breadcrumbs'/>

5. Simpan template anda.
Terima kasih sudah berusaha meninggalkan komentar, walaupun tidak berkomentar.
Sumber : www.phonecompi.co.cc