Berbicara tentang tampilan blog tentu tidak dapat dilepaskan dari
bagaimana cara kita menampilkan widget yang ada. Untuk itu kali ini kita akan
membahas bagaimana membuat scroll widget agar tampilan widget terlihat lebih rapi. Bagi
pemula seperti saya yang ingin membuat scroll pada widget blog, ikuti langkah
singkatnya berikut ini.
Cara Membuat Scroll pada Widget Blog
- Sebagai contoh kita akan membuat scroll pada widget popular posts
- Langkah pertama yang pasti adalah login dahulu ke blog masing-masing, jangan blog orang lain ya, hehehe...
- Kemudian pilih menu Tempate, biasakan membuat backup untuk berjaga-jaga bila kita gagal dalam melakukan editing, tinggal unggah saja file backup tersebut. Caranya klik Cadangkan/Pulihkan di pojok kanan atas
- Setelah itu pilih Edit HTML
- Cari kode ]]></b:skin>. Untuk memudahkan tekan Ctrl+F untuk menampilkan kotak pencarian
- Setelah ketemu copy kode berikut ini dan letakkan tepat di atasnya.
#PopularPosts1 .widget-content{height:200px;overflow:auto;}
- Klik Pratinjau untuk melihat hasilnya.
- Jika sudah sesuai dengan yang diharapkan klik Simpan Template.
Angka 200 adalah tinggi widget yang bisa
disesuaikan dengan selera masing-masing. Untuk membuat tampilan scroll pada
widget yang lain, ganti id widget sesuai dengan target atau widget yang akan
dibuatkan scroll-nya.
Caranya:
- Klik Lompat ke Widget yang terletak di sebelah Simpan Template
- Pada menu dropdown yang tampil, itulah daftar widget yang kita miliki
- Ganti id widget (yang diwarnai merah) dengan widget yang dimaksud
- Letakkan di atas kode ]]></b:skin>
Demikianlah Trik Mudah Membuat Scroll pada Widget Blog ini, semoga ada manfaatnya dan selamat mencoba.