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.
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....
==========================================================
==========================================================
0 Komentar:
Post a Comment
Hal penting saat berkomentar :
1. Baca artikelnya, lalu beri komentar yang sesuai dengan tema.
2. Terima Kasih Atas Kunjungan Anda....