Home » » Cara Meminimalisir Widget Dengan Scroll Box

Cara Meminimalisir Widget Dengan Scroll Box

Posting kali ini saya akan berbagi tentang bagaimana cara nya memimimalisir Widget dengan menggunakan Scrool Box.
Tips ini saya dapat dari salah satu sobat blogger saya yaitu Mas ARMAN saya belajar banyak tips ngeblogg dari blog nya http://sakawku.blogspot.com/  hehe... "(^_^).
Langsung k poin aja Sobat... 
Widget yang banyak tentunya akan memakan banyak ruang di sidebar kalian seperti live traffik, site info alexa , counter flag globe visitor dan lain-lain. Tentunya selain memakan banyak ruang di sidebar kalian hal ini akan membuat tempilan sidebar kalian agak kaliatan rancu . Untuk mengatasinya disini kita akan menggunakan Scroll Box untuk menyatukannya dalam satu buah widget di sidebar. menampilkan banyak widget dengan scroll box sehingga bisa meminimalisasi widget di sidebar dan menghemat tempat yang pasti nya :D . 
Berikut caranya..
1. Setelah kalian masuk di Blogger, klik Rancangan > Elemen Laman > Tambah Gadget/Widget. Kemudian pilih HTML/JavaScript.

2. Berikan judul dengan mengisi kolom judul, lalu copy kode di bawah ini dan paste di kolom Konten yang berada dibawah kolom Judul.
<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #000
 099
;"><ol>

COPY CODE SCRIPT WIDGET LIFE TRAFFICK
CODE SCRIPT WIDGET COUNTER FLAG
CODE SCRIPT WIDGET HISTATS

dan seterusnya
 </ol></div>



  • width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar.
  • height:100px; menunjukkan tinggi scroll box setinggi 100 piksel. Silakan diganti angkanya untuk mengubah tingginya.
  • border:1px solid  #000099 ; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna  #000099 ;. Silakan disesuaikan dengan keadaan template kalian.
  • Silahkan kalian ganti ketikan yang berwarna biru dengan script widget kalian.
3. Kalo suda selesai klik tombol SIMPAN.


Berikut contoh tampian nya sobat : 



Selamat mencoba Semoga bermanfaat :*....
Salam boggers....
kode
Powered by Blogger.