Cara super mudah membuat menu BREADCRUMB pada blog

Menu Bradcrumb adalah menu navigasi berurutan di atas artikel postingan,untuk sobat yang sungguh-sungguh ingin mempunyai blog yang profesional dan keren wajib tahu cara membuat menu tersebut,karena disamping menu ini membuat keren blog menu inipun di sukai mbah google alias SEO.Untuk membuatnya kangmas akan berikan cara yang super mudah and guampang pakai buangeeeeeeeet,asal sobat bisa baca artikel dari kangmas ini pasti bisa,suweeeeeeeer...tidak usah panjang lebar nanti sobat malah benci sama kangmas,langsung aja kita terjun ke bawah .

Sebelumnya lihat gambar di bawah ini dari blog kangmas juga

Perhatikan pada lingkaran hijau,itu adalah contoh menu breadcrumb

Langkah-langkahnya sebagai berikut

1.Pastikan anda sudah membuat label pada blog

Perhatikan lingkaran hijau karena itu adalah label yang harus sobat isi,terserah mau di isi apa yang penting berhubungan dengan artikel sobat.

2.Masuk ke halaman Dasbor -> Pilih TATA LETAK -> EDIT HTML dan jangan lupa contreng kotak Expend widget templates.

3.Cari code dibawah ini,biar lebih mudah gunakan Ctrl+f atau bisa juga dengan hanya tekan F3.

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

4.Setelah ketemu letakkan script dibawah ini tepat diatas code tadi

<b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Roni http://ngeblogseo.blogspot.com -->

<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

Browse:

<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 == "true"'>

<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>

5.Kemudian cari lagi code berikut

<b:if cond='data:post.dateHeader'>

6.Setelah ketemu taruh code dibawah ini tepat di atasnya

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

7.Terakhir cari code ]]></b:skin> ,setelah ketemu letakkan code dibawah ini tepat di atasnya

.breadcrumbs {

border-bottom:1px dotted #000;

margin:2em 0 0.5em;

padding:0 0 0.5em;

}

8.Simpan.selamat mencoba dan boleh comment bila ada kesulitan

Cara paling mudah menambahkan elemen di atas postingan

Assalamu'alaikum,dah di jawab belum salam dari kangmas,kalo udah langsung aja kangmas bahas cara menambahkan elemen di atas postingan dan jangan kuatir cara yang kangmas berikan ini adalah cara yang paling mudah,dijamin deh....tapi gak bergaransi lho,hehehe....kayak beli motor aja.
Untuk menambahkan element di atas postingan,sobat tidak usah repot-repot pakai code script,karena secara manualpun kita bisa menambahkan gadget di atas postingan karena setiap template yang kita punya sebenarnya sudah ada,cuman tombol gadget di atas postingan belum di aktifkan,bila sobat semua tertarik untuk menambahkan gadget di atas postingan langsung aja ikuti panduan kangmas dibawah ini.

1.Masuk ke TATA LETAK -> EDIT HTML
2.Untuk berjaga-jaga kalo eror Download templat lengkap sobat
3.Centang Expend widget templates
4.Cari code di bawah ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

Kalau tidak ada cari yang seperti ini

<div class='splash'>
<b:section class='splash_widget' id='splash_widget' maxwidgets='1' showaddelement='no'>
<b:widget id='Text1' locked='false' title='Welcome' type='Text'/>
</b:section>
</div>

Kalau masih tidak ada juga,cari saja yang mirip-mirip deh yang penting ada kata showaddelement='no dan biasanya ada dua,sobat pilih saja yang nomor dua atau yang bawah dan bila ada tiga seperti blog kangmas ini pilih saja yang paling bawah.

Kalau milik kangmas di blog yang satu seperti ini

<div id='headerarea'>
<div id='logo'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Kang Roni Blog (Header)' type='Header'/>
</b:section>
</div>
<div class='splash'>
<b:section class='splash_widget' id='splash_widget' maxwidgets='1' showaddelement='no'>
<b:widget id='Text1' locked='false' title='Welcome' type='Text'/>
</b:section>
</div>
</div>

Yang warna merah kangmas ganti dengan Yes
Perhatikan setelah kata showaddelement ada kata (no) ganti (yes),setelah itu simpan template sobat dan kembali ke Rancangan elemen laman untuk melihat hasilnya.