Cara Membuat efek scroll pada Widget Arsip blog

Kali ini saya akan bagi-bagi tips untuk membuat efek scrool pada widget arsip blog. sebenarnya cara ini juga bisa di gunakan pada widget-widgwt lainnya ,Namun yang umum kita jumpai widget yang dikasih efek scrool adalah Archive blog / Arsip blog .
Berikut Adalah SreenShotnya :

Langsung saja berikut Cara-caranya :

• Langkah pertama, masuk ke template > edit HTML
• Ctrl + F, kemudian cari kode

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'><br />

• Lalu scroll sedikit ke bawah dan cari kode di bawah ini

<div class='widget-content'>

• Copy kode di bawah ini tepat di bawah kode <div class='widget-content'>
<div style='height:250px;width:auto;overflow:auto;'>

• Selanjutnya Sroll lagi kebawah dan cari kode <b:include name='quickedit'/>, kemudian tambahkan kode </div> tepat diatasnya, sehingga susunannya menjadi seperti di bawah ini
<div class='widget-content'> <div style=' height:250px;width:auto;overflow:auto;'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div> </div> </div> <b:include name='quickedit'/>

• Lalu Simpan dan Lihat Hasilnya :D

Mudah Kan ?? :D Jangan Lupa klik Join Site Untuk mengetahui Tips-Tips Dari Saya Selanjutnya ..

NB: Jika Ada Pertanyaan Silahkan Komentar Dibawah

 

 SUMBER