Minimalisasi Widget Dengan Scroll Box

ScreenShot

 

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 (kata gaul runyam/tidak rapi hehe). Untuk mengatasinya disini kita akan menggunakan Scroll Box untuk menyatukannya dalam satu buah widget di sidebar. Dahulu saya pernah memposting Cara Membuat Daftar Isi Dengan Scroll Box yang didalam scroll boxnya terdapat daftar isi blog. Nah dalam postingan sekarang ini kita juga akan menggunakan sscript Cara Membuat Daftar Isi Dengan Scroll Box untuk menyatukan banyak widget dalam satu buah widget di sidebar. Bedanya disini postingan terdahulu menampilkan daftar isi kalo postingan sekarang ini kita menampilkan banyak widget dengan scroll box sehingga bisa meminimalisasi widget di sidebar. 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 #e6e4e3;">
<ol>

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 #e6e4e3; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template kalian.
• Silahkan kalian ganti ketikan yang berwarna biru dengan script widget kalian.

3. Kalo suda selesai klik tombol SIMPAN.

Contoh tampilannya seperti screenshot dibawah ini



Semoga Bermanfaat..

Sumber

Postingan Terkait:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Posted in: Blogger