Cara Membuat Widget Dengan Scroll

Seperti pada salah satu widget yang ada pada blog saya ini, fungsi scroll yang sederhananamun banyak sekali manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita, nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.

Cara buatnya :



1. Login to Blogger kemudian pilih "Layout"

2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).

3.Copy Paste Script Berikut :

<h2 class="title">TULIS JUDUL WIDGET DISINI</h2>

<div class="widget-content">

<div style="border: 0px solid #F5003D; overflow: auto; width: 310px; height: 200px; text-align: left;">





LETAKKAN KODE WIDGET ANDA DISINI





</div>

</div>

+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.

+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.

+ Ganti  LETAKKAN KODE WIDGET ANDA DISINI  dengan KODE WIDGET yang ingin anda pasang.

+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda



4. Klik Simpan dan selesai.



Silahkan di coba semoga bermanfaat.

Copas Sertakan Link Sumbernya,Trims

Like And Share :

Kamu Sedang Membaca Artikel Cara Membuat Widget Dengan Scroll.Jika Artikel ini Bermanfaat,Silahkan Copy Paste Artikel Ini,Tetapi Jangan Lupa Untuk Mencantumkan Link Sumbernya Seperti Ini: http://blogcybercorp.blogspot.com/2012/08/cara-membuat-widget-dengan-scroll.html.Semoga Artikel Cara Membuat Widget Dengan Scroll Ini Bermanfaat,Salam GM Latief