Sempak Mungil XI IPS 4

Pada Tutorial Sebelumnya Master Chef Dapur Tutorial Blogspot sudah pernah membahas tutorial ini dengan Judul Teknik Membuat Menu Navigasi Breadcrumbs Blogspot namun Tutorial tersebut ternyata masih ada sobat blogger Dapur Tutorial Blogspot "GB Magz " masih belum berhasil menggunakan trik tersebut


Berikut ungkap Sahabat Dapur  "GB Magz "

Buat Sobat Blogger yang masih belum mengeti apa yang dimakasut dengan  Menu Navigasi Breadcrumbs Pada Blog dan manfaatnya Untuk SEO silahkan bacar Pada tutorial sebelumnya.
Ok buat sobat "GB Magz " Master Chef Dapur Tutorial Blogspot Coba membantu dengan cara yang lebih mudah meskipun sedikit lebih mudah harus tetap mengutamakan ketelitian.

Berikut langkah-langkah yang Harus sobat lakukan :

1. Pastikan Sobat sudah masuk ke akun blogger milik sobat
2. Pilih Template

3. Klik Pada Tombol Edit HTML

4. Klik pada Tombol Proces atau Lanjutkan

5. Kemudian anda akan dibawa kehalaman seperti berikut

6. Centak kotak kecil bertulisan Expand Widget Templates 

7. lakukan Download Template Lengkap untuk mengantisifasi kesalahan dalam edit HTML (baca caranya Pada Tutorial Cara Upload dan BackUp Template blog)
8. Cari kode berikut ini ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian Kode)
9. Setelah Ketemu Copy kode dibawah dan Paste Diatas kode ]]></b:skin>

/*---Navi Breadcrumbs---*/
#navi{padding:0px 5px;margin:0px 0px 8px 0px;color:#ffffff;-moz-border-radius:5px;font:11px trebuchet ms;}

10. Sekarang Cari kode <b:if cond='data:post.title'> 
11. Sudah ketemu Copy kode berikut dan letakan tepat dibwahnya kode apabila Kode ada dua gunakan kode yang pertama <b:if cond='data:post.title'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='navi'>Location : <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

12. Sekarang Klik Simpan

13. Selesai dan lihat hasilnya

Demikian Tutorial Tentang Cara Memasang Menu Navigasi Breadcrumbs Pada Blog Yang bisa Dapur Tutorial Blogspot Sampaian Pada Kesempatan Ini Semoga bisa membantu Shabat Blogger "GB Magz "beserta sobat blogger yang lainnya.