Cara Pasang Breadcrumbs Navigasi 2

Silahkan melakukan beberapa langkah yang saya berikan 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'>
<!-- Breadcrumbs By Belajar SEO Blogspot, Blog Tutorial, Free Download Software, Tips Ponsel http://www.phonecompi.co.cc -->
<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.

Bagaimana? anda sudah lihat hasilnya? sebagai contoh anda bisa lihat breadcrumbs saya di atas postingan atau lihat gambar diatas.

By : Gribigan.co.cc