Blog Cinangka

Membuat Widget Dengan Fungsi Scroll Pada Blog

Posted by Taufiq Rohman Friday, October 14, 2011
Share this Article on :

Membuat Widget Scrolling Pada Blog,- Banyak blogger yang memasang widget dengan fungsi scroll agar lebih menghemat tempat. untuk menambahkan fungsi scroll pada widget, silahkan tambahkan kode berikut pada widget yang menggunakan 'html/javascript'

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid">

<-- Kode widget -->

</div>



Untuk widget seperti widget follower, tag, recent post dll. harus menambahkan kode css untuk masing-masing widget, contohnya,
pada blog ini ada widget 'entri populer', untuk menambahkan fungsi scroll pada widget tersebut, buka Rancangan - edit html - cari kalimat 'entri populer' lalu lihat id.nya (lihat gambar)



Yang saya linkari merah adalah judul widget, yang saya lingkari biru adalah id widget. id untuk widget entri populer adalah 'popularpost1'. maka tambahkan kode css berikut di atas kode ]]></b:skin>

#PopularPosts1 {overflow:auto;width:300px;height:250px;padding:10px;border:1px solid #eee}



Terapkan cara di atas pada blog milikmu, sesuaikan 'id' dengan 'id' widget. sekian dulu tutorial Membuat Widget Dengan Fungsi Scroll Pada Blog. semoga bermanfaat.

Related Post:

Post a Comment