Membuat Scroll Widget di Blog

Terkadang lahan yang sedikit yang ada di blog kita mengahalangi kita untuk bisa menampilkan widgets yang kita inginkan. Atau membuat terlihat seperti berantakan seperti misalnya panjangnya label dan arsip blog yang membuat pengunjung harus capek melakukan scroll terus-menerus.

Untuk menciptakan rasa yang nyaman tentu sebagai pemilik blog kita menginginkan masalah di atas bisa terselesaikan. Salah satunya adalah dengan mengelompokkan atau menempatkan mereka ke dalam scroll box. Scroll box ini sendiri lebih dikenal berfungsi sebagai penghemat lahan. Karena sepanjang apapun isi widget pada blog sobat tidak akan menghabiskan tempat. Lalu bagaimana cara memasang scroll box? Perhatikan langkah-langkah berikut:

1. Login blog sobat terlebih dahulu www.blogger.com.

2. Pada left sidebar pilih Template > Edit HTML.

3. Setelah itu akan muncul kotak yang berisi kode-kode HTML.

4. Sebelumnya centang dulu Expand Widget - agar tidak terjadi yang tidak dikehendaki.

4. Kemudian cari ]]></b:skin>

dengan menggunakan CTRL+F.

 

5. Jika ketemu, maka akan muncul seperti ini:

 6. Setelah itu kalian masukkan script berikut di atas kode ]]></b:skin>

#HTML1 .widget-content{

     height:500px;

     widht:auto;

     overflow:auto;

     }

Teks berwarna Merah: Diganti dengan widget yang aktif di Blog yang terletak di akhir kode HTML
Teks berwarna Biru    : Merupakan tinggi dan lebar box. Isi sesuai keinginan/ auto untuk otomatis.

Hasilnya seperti gambar di bawah ini:

7. Jika sudah silahkan Save Template.
8. Selesai. Silahkan lihat hasilnya.

Sekian tutorial memasang scroll box. Bagi yang master terimakasih sudah mampir dan bagi yang belum mengerti silahkan bertanya di kolom komentar di bawah. Pasti HP jawab! Semoga bermanfaat :)