Cara Menambahkan Scroll pada Widget Blog

Ada kalanya widget pada Blogger anda tidak memiliki ukuran yang anda inginkan. Khususnya jika widget tersebut memiliki ukuran yang terlalu tinggi. Bagaimana ya cara mengatasi hal tersebut? Salah satunya dengan cara memberikan scroll pada widget tersebut. Bagaimana Cara Menambahkan Scroll pada Widget??
OK, silakan simak terus artikel pada kesempatan kali ini.
Jika dilihat dari cara memasangnya, widget Blogspot terbagi menjadi Widget Bawaan Blogspot dan Custom Widget (widget pada mode HTML/Javascript). Widget bawaan ini adalah widget yang memang sudah disediakan oleh Blogspot itu sendiri. Sedangkan Custom Widget maksudnya adalah widget yang dibuat/dipasang sendiri oleh user dengan menambahkan dan mengedit kode HTML/Javascript, karena widget tersebut tidak disediakan oleh Blogspot. Tentunya untuk dapat menambahkan scroll pada kedua jenis widget ini caranya akan berbeda. Namun pada intinya untuk menambahkan scroll pada widget ini yaitu dengan memberi sedikit tambahan kode HTML overflow:auto;
OK, silakan langsung saja simak langkah-langkahnya berikut ini.

  • Untuk widget mode pengeditan HTML/Javascript.
1. Login ke akun Blogger anda.
2. Masuk pada bagian Tata Letak.
3. Klik tambahkan gadget dimanapun anda inginkan.
4. Pilih mode HTML/Javascript.
5. Yang perlu anda lakukan adalah hanya menambahkan sedikit kode HTML berikut pada kode HTML widget.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

-------KODE WIDGET-------

</div>

6. Masukan kode HTML widget pada tulisan berwarna
merah. Ubahlah tampilan widget terutama pada kode berwarna biru dengan ukuran tinggi widget yang anda inginkan.
7. Setelah selesai, akhiri dengan klik Simpan. Berikut contoh hasilnya.


Share this article :
+
Previous
Next Post »
0 Komentar untuk "Cara Menambahkan Scroll pada Widget Blog"

Silahkan tinggalkan komentar sobat!!!
Mohon jangan menggunakan link hidup, karena akan otomatis terhapus!

 
Copyright © 2014 BLOG MAS AGUNG - All Rights Reserved - DMCA
Template By Agung Prasetyo