CARA MENAMBAH SCROLL PADA WIDGET BLOG

Riyan Trevor
0
DI BANYAK CARA - Memodifikasi widget untuk tujuan mempercantik tampilan blog agar sesuai dengan apa yang di ingikan itu sah saja, terutama bila widget tersebut memiliki tinggi yang tidak sesuai dengan apa yang diharapkan karena dapat merusak tampilan blog. Kali ini saya akan berbagi cara menambahkan scroll pada widget di blog agar sesuia dengan yang di inginkan.

CARA MENAMBAH SCROLL PADA WIDGET BLOG

Sebagai contoh widget yang ingin di tambahkan scroll yaitu widget "Blog Archive", kita hanya menambahkan kode overflow:auto agar widget tersebut memiliki tinggi yang di inginkan dan dapat di scroll seperti pada "Blog Archive" yang saya gunakan di blog ini. Berikut contoh gambar kode yang di tambahkan.

CARA MENAMBAH SCROLL PADA WIDGET BLOG
Widget Id

Berikut cara menambahkan scroll pada widget
  • Pastikan widget sudah terpasang di blog
  • Login ke akun blogger
  • Ketahui widget id yang ingin di buat scroll, sebagai contoh widget yang akan di buat scroll "Blog Archive" maka widget idnya "BlogArchive1" seperti pada gambar di atas, untuk mengetahui widget id bisa juga melalui edit tempale lalu pilih "Lompat ke widget" sesuai gambar di atas.
  • Masuk ke halaman edit template kemudian car kode ]]></b:skin> untuk memudahkannya mencari kode tersebut gunakan tombol ctrl+F, kemudian letakan kode dibawah ini tepat di atas kode ]]></b:skin>
#BlogArchive1 .widget-content{
height:230px;
width:auto;
overflow:auto;
}
  • Sesuaikan kode berwarna merah dengan widget id yang ada di blog masing-masing.
  • Ubah kode dengan warna biru untuk mendapatkan ukuran tinggi dari widget yang di inginkan.
  • Kemudian jangan lupa di save.
Demikian  CARA MENAMBAH SCROLL PADA WIDGET BLOG semoga artikel kali ini bermanfaat.
Tags:

Post a Comment

0Comments

Please Select Embedded Mode To show the Comment System.*