Cara Mudah Membuat efek scroll pada Gadget Blog

Membuat efek scroll pada Gadget Blog

Cara mudah membuat efek scroll pada blog ? masa iya mudah ? 

Beneran.. karena ini sangaat mudah, bisa dilakukan pada gadget apapun

Mungkin kita ingin menambah efek scroll pada gadget yang berbentuk html, tentu kita bisa membuatnya dengan mudah... Lalu, jika kita ingin membuat efek scroll pada gadget non html, seperti gadget followers, popular posts, dan lain-lain dirasa jauh lebih sulit ketimbang gadget tipe pertama tadi. Cara untuk gadget golongan kedua tersebut cukup rumit dan butuh ketelitian

Nah, saya memiliki cara untuk mempermudah hal tersebut, namun tentu masih membutuhkan ketelitian. Caranya adalah kita menggunakan seperti css. Kita hanya perlu meletakkan html script di template kita ?

Bagaimana caranya ? ini dia Cara Mudah Membuat efek scroll pada Gadget Blog. 

1. Tentukan gadget yang ingin kita beri efek scroll, misalnya kita gunakan untuk membuat blogroll atau bloglist.
   
2. Kunci dari tutorial ini adalah kita harus pastikan dan ketahui nama gadget tersebut,. Seperti gambar di atas, kita ketahui bernama "Blogroll"
3. Lalu kita menuju ke Template > Edit HTML
4. Lalu kita search dengan kata kunci nama gadget tadi, seperti "Blogroll" Akan terdapat hasil seperti ini
   "<b:widget id='BlogList1' locked='false' title='Blogroll' type='BlogList'> "
5. Nah, sekarang kita tertuju pada bagian yang saya beri warna biru.
6. Silahkan copy and paste kode berikut ini di atas /b:skin
7. Kodenya adalah 

    #kodebiru .widget-content{
    height:250px;
    width:auto;
    overflow:auto;
    }

Keterangan :

• Gantilah kode berwarna biru dengan kode biru yang kita dapat dari langkah nomor 4

• Sesuaikan tinggi gadget dengan mengganti angka berwarna merah

Nah, bagaimana ? mudah bukan..
Sekian post tentang  Cara Mudah Membuat efek scroll pada Gadget Blog
Mudah-mudahan berguna..
Thanks