Membuat Menu Scroll Pada Menu Hirearki

Salam....

Langsung aja kepembahasan pada judul kita aja ya... biar gak terlalu memakan waktu bagi para pembaca juga bagi admin blog DiEza ini...

mungkin sudah banyak yang tau dan yang memposting tentang tutorial blog ini, namun penulis sempet kesusahan ketika mencari tutorial ini saat banyak script yang hilang karna admin mengganti template blog, jadi sekedar jaga2 dan sekaligus share aja bagi sobat yang belum tau.. hehe...

Tentunya sudah tau kan menu hirearki seperti apa? kalo postingan kita banyak pasti sangat memakan tempat ketika pembaca membukanya, untuk menghindari hal tersebut kita bisa membuat menu hirearki yang kita gunakan menjadi menu scroll yang tingginya bisa kita atur sesuai keinginan kita, silahkan lihat pada gambar disamping, atau lihat pada archive pada blog DiEza ini,

Bagi sobat yang tertarik bisa langsung mempraktikkannya , check it :

1. Login ke akun Blogger Mu
2. Pilih Rancangan kemudian Edit HTML
3. Jangan Lupa centang Expand Template Widget kalo perlu backup dulu template sobat
4. Lalu tekan Ctr + F dan Cari Kode Berikut : <h2><data:title/></h2>  
5. Selengkapnya sobat akan menemukan susunan kode seperti dibawah ini :

<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id=’ArchiveList’>
<div expr:id=’data:widget.instanceId + &quot;_ArchiveList&quot;’>
<b:if cond=’data:style == &quot;HIERARCHY&quot;’>
<b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == &quot;FLAT&quot;’>
<b:include data=’data’ name=’flat’/>
</b:if>
<b:if cond=’data:style == &quot;MENU&quot;’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div> </div></div>
<b:include name=’quickedit’/>
</div>
</b:includable>
<b:includable id=’flat’ var=’data’>

CATATAN : Perhatikan baik-baik penempatan kode yang berwarna ungu, jangan sampai salah dalam penempatannya, 200px adalah tinggi Box Scroll yang bisa sobat ubah sesuka hati sobat.

SEMOGA BERMANFAAT ... and GOOD LUCK 

Daftar Isi [Tutup]