Menambahkan Fungsi Scroll pada Widget Follower atau Pengikut Blog

Pada kesempatan kali ini saya ingin berbagi sedikit tentang Cara Menambahkan Fungsi Scroll pada Widget Follower atau Pengikut Blog. Menambahkan Fungsi Scroll pada sidebar blog tentunya sangat menghemat tempat pada blog. Apalagi kalau blog tersebut mempunyai banyak Widget atau Script, seperti Widget Follower yang terlalu panjang atau terlihat sedikit semrawut. Dengan menambahkan Fungsi Scroll pada Widget tersebut akan terlihat lebih rapih.
Bagi sobat yang kebingungan untuk menambahkan Fungsi Scroll pada Widget Follower atau Pengikut Blog sobat bisa baca tutorial ini sampai tuntas. Contoh nya bisa sobat lihat pada gambar di bawah ini.
Scrol
Trus bagaimana Cara Menambahkan  Fungsi Scroll pada Widget Follower atau Pengikut Blog?
Caranya sangat mudah kok, pasti sobat blogger sudah pada mengerti, nah buat sobat yang belum tau dan ingin tau silahkan ikuti langkah-langkah nya dibawah ini :

1. Login terlebih dahulu dengan menggunakan account Blogger sobat.
2. Klik tab Rancangan >> Edit HTML.
3. Klik Download Template Lengkap untuk mem-back up template, fungsinya untuk menghindari hal-hal tidak di inginkan.
4. Kemudian cari kode ]]></b:skin> , Gunakan tombol Ctrl + F untuk memudahkan pencarian.
5. Biasanya kode id untuk Widget Pengikut atau Follower seperti di bawah ini.
<b:widget id=’Followers1‘ locked=’false’ title=’Pengikut’ type=’Followers’/>
6. Maka untuk menambahkan scroll pada Widget Follower atau Pengikut silakan Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#Followers1 .widget-content{
border: 3px solid #cccccc;
height:200px;
width:auto;
overflow:auto;
}

Nb: 200px merupakan tinggi scroll, silakan diatur tingginya jangan sampai melebihi tinggi Widget Follower aslinya agar terbentuk penggulung atau scroll.

7. Dan yang terakhir Klik tombol SIMPAN TEMPLATE. selesai.
Mudah bukan cara membuat nya….
Semoga tutorial ini bermanfaat….

==========================================================
BuyBlogReviews.com
==========================================================

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: