Cara memberi kotak scroll pada widget di blogger

Advertisemen
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
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.
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments
© Copyright 2017 Yuli Agustiani - All Rights Reserved - Created By BLAGIOKE Diberdayakan oleh Blogger