Cara Mudah Membuat Fungsi Scroll pada Widget Daftar Link Blog

Cara Mudah Membuat Fungsi Scroll pada Widget Daftar Link Blog - Hallo...sobat blogger kali ini saya akan share tentang bagaimana cara mudah membuat fungsi scroll pada widget daftar link blog..nah Kadang-kadang daftar link kita di bagian widget dalam sebuah blog sangat banyak. Contohnya seperti daftar link sobat (blog list), daftar recent post, daftar link artikel, dan sebagainya. Nah, untuk memodifikasi daftar link-link tersebut agar menjadi seperti sebuah "scrool", caranya sangat mudah dan gampang kok, sobat bisa lihat demonya disini .Misalnya anda akan memendekkan atau men-scroll daftar link sobat karena sudah terlihat "mengular" di blogspot versi baru, langsung saja sobat caranya adalah :

1. Login ke account blogspot anda, select menu tata letak.
2. Select menu Edit HTML, lalu pilih menu lanjutkan dan centang expand template widget.
3. Langkah ini dianjurkan untuk backup template sobat,,kwatir nanti ada kesalahan / error edit HTML
4. Cari kode type='LinkList' dengan Ctrl F/F3.
5. Perhatikan kode dibawahnya karena biasanya terdapat beberapa kode, cari kode untuk Link List : 

<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>

5. Tambahkan kode style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga akan menjadi seperti ini :

<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' style='overflow:auto; height:200px'>



Catatan : Perhatikan tanda tutup ">" nya dipindah ke paling akhir.


 6.  Silahkan atur ukuran ketinggian (height) nya sesuai kebutuhan. Simpan template, lalu cek hasilnya! 




Perhatian..!!!!
Satu lagi yang harus di perhatikan sobat,,coba lihat 'LinkList' nya... 'LinkList' terkadang ada 2 dan ada yang satu..klu diblog saya ini ada dua buah sob..ngk tau knp.hiihi :):).....nah seandainya.'LinkList' nya ada 2 lakukanlah  pada yang diatas di 'LinkList' yang ke pertama (1) sob..kalau belum ada perubahan silahkan cari 'LinkList2' sob,,,supaya lebih mudah sobat hanya tinggal mencari 'LinkList2'.pada edit HTLMnya... tekan Ctrl + F....silahkan lakukan hal yang telah sobat lakukan tadi sama seperti yang pertama tadi..



Oke sob,,saya akan kasih contoh kodenya sedikit :

 Contoh yang ada 'LinkList1'
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Top Menu' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>

Contoh yang ada 'LinkList2'
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList2' locked='false' title='Website Info' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'    letakkan kode yang berwarna merah disini' >

Oke sobat...sekian dulu penjelasan nya...SEMOGA BERMANFAAT....
kalau ada kritik dan sarannya silahkan ajukan komentar sopan dibawah ini terimakasih..happy blogging! :)