Kotak Scroll adalah kotak yang memiliki scroll disamping kanan nya yang berguna untuk menaikan atau menurunkan page pada suatu halaman, jika kawan-kawan blogger sekalian ingin agar tampilan blog menjadi tetap teratur namun tidak mengurangi sisi pemanfaatan atau manfaat dari widget yang ada.
ilmu yang baru saya dapatkan ini ingin saya langsung bagikan pada kawan-kawan sekalian karena saya pikir ini bermanfaat hal ini pun sudah saya terapkan pada beberapa widget milik saya yang bisa anda lihat sendiri pada sebelah kanan blog ini yaitu pada widget komentar terbaru dan popular post.
Cara memberi kotak scroll pada widget di blogger |
untuk memberi kotak scroll pada widget kawan-kawan sekalian bisa iuti tutorial dibawah ini, jangan lupa diikuti dengan baik dan benar :
cara memberi kotak scroll pada widget.
1. Silahkan login menuju blog anda.
2. Cari tau ID dari widget target, silahkan baca cara mengetahui ID widget pada blogger.
3. Lalu menuju Template => Edit HTML
3. Setelah ketemu silahkan letakan code dibawah ini tepat diatas code ]]></b:skin>
#IDWidget .widget-content{
height:300px;
width:auto;
overflow:auto;
}
4. Silahkan save template.
Keterangan :
- Silahkan ubah IDWidget dengan ID Widget yang ingin anda beri scroll contoh id PopularPosts1 adalah id widget popular posts maka codenya akan berubah menjadi seperti dibawah ini.
#PopularPosts1 .widget-content{
height:300px;
width:auto;
overflow:auto;
}
height:300px silahkan ubah angka 300 itu sesuai dengan keinginan kawan-kawan sekalian dan ini adalah tinggi dari kotak widget scroll nya.
Nah saya rasa tutorial atas sudah cukup jelas nih dan jika diikuti dengan benar maka hasilnya akan berhasil seperti widget pada blog saya ini jika anda mengalami kesulitan atau terjadi error silahkan tinggalkan komentar atau hubungi kontak yang telah disediakan, terimaksih telah membaca posting kami yang berjudul cara memberi kotak scroll pada widget di blogger semoga posting ini bermanfaat bagi anda.
0 comments:
Post a Comment