- Memodifikasi widget untuk tujuan mempercantik tampilan blog biar sesuai dengan apa yang di ingikan itu sah saja, terutama kalau widget tersebut mempunyai tinggi yang tidak sesuai dengan apa yang diperlukan sebab sanggup merusak tampilan blog. Kali ini saya akan membuatkan cara menambahkan scroll pada widget di blog biar sesuia dengan yang di inginkan.
Sebagai pola widget yang ingin di tambahkan scroll ialah widget "Blog Archive", kita hanya menambahkan arahan overflow:auto biar widget tersebut mempunyai tinggi yang di inginkan dan sanggup di scroll menyerupai pada "Blog Archive" yang saya gunakan di blog ini. Berikut pola gambar arahan yang di tambahkan.
Berikut cara menambahkan scroll pada widget
Sebagai pola widget yang ingin di tambahkan scroll ialah widget "Blog Archive", kita hanya menambahkan arahan overflow:auto biar widget tersebut mempunyai tinggi yang di inginkan dan sanggup di scroll menyerupai pada "Blog Archive" yang saya gunakan di blog ini. Berikut pola gambar arahan yang di tambahkan.
 |
| 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 pola widget yang akan di buat scroll "Blog Archive" maka widget idnya "BlogArchive1" menyerupai pada gambar di atas, untuk mengetahui widget id sanggup juga melalui edit tempale kemudian pilih "Lompat ke widget" sesuai gambar di atas.
- Masuk ke halaman edit template kemudian car arahan ]]></b:skin> untuk memudahkannya mencari arahan tersebut gunakan tombol ctrl+F, kemudian letakan arahan dibawah ini sempurna di atas arahan ]]></b:skin>
#BlogArchive1 .widget-content{
height:230px;
width:auto;
overflow:auto;
}
height:230px;
width:auto;
overflow:auto;
}
- Sesuaikan arahan berwarna merah dengan widget id yang ada di blog masing-masing.
- Ubah arahan dengan warna biru untuk mendapat ukuran tinggi dari widget yang di inginkan.
- Kemudian jangan lupa di save.
