Menambah Scroll pada Widget Blog (HTML WIDGET)

Assalamu'alaikum...

Mayasa©. Memberi berbagai tambahan widget merupakan salah satu cara untuk mempercantik tampilan blog kita. Namun terkadang banyaknya wigdet tersebut justru nampak menggangu, karena membuat tampilan blog menjadi penuh.

Nah, kali ini saya ingin share cara untuk membuat sedikit ringkas tampilan widget-widget tersebut dengan menambahkan fungsi scroll.

Dengan fungsi scroll kita dapat mengurangi ukuran border/ kotak widget tersebut, dan untuk melihat seluruh isinya cukup dengan menggeser/ menggulung scoll tersebut naik atau turun.

Fungsi scroll sendiri sudah sering kita lihat pada aplikasi office di komputer kita.

Untuk lebih jelasnya dapat anda perhatikan gambar berikut :

Fungsi Scroll pada MS Word

Saya yakin anda semua sudah mengetahui cara menambah fungsi scroll pada widget blog, namun tidak ada salahnya bukan untuk berbagi lagi. 

Adapun langkah-langkah untuk menambah fungsi scroll pada widget blog adalah :

1. Login ke Dashbor blog anda.
2. Klik Rancangan lalu pilih Elemen Laman untuk tampilan lama atau
   Klik Layout untuk tampilan baru.
   



Klik Layout pada tampilan baru





Klik widget yang ingin anda tambahkan fungsi scroll, kemudian tambahkan kode dibawah ini pada wigdet tersebut.

<div style='overflow:auto; width:ancho; height:230px;'>     KODE WIDGET DISINI     </div>
Kode yang berwarna Merah merupakan ukuran tinggi border/ kotak widget. Ganti tulisan berwarna Biru dengan kode widget anda.




Penempatan kode tambahan

3. Kemudian klik simpan/ save.
4. Lihat hasilnya.
   

Fungsi Scroll pada life traffic

Alhamdulillah berhasil bukan.

Nah begitulah cara yang saya gunakan untuk membuat fungsi scroll pada widget blog. Namun khusus widget HTML, karena untuk widget lain harus dilakukan dengan editing HTML.

Semoga bermanfaat..

Wassalamu'alaikum...