Trik Mudah Membuat Scroll pada Widget Blog

Trik Mudah Membuat Scroll pada Widget Blog

Membuat Scroll pada Widget - Membuat blog minimalis dan tampil rapi tentu menjadi dambaan semua blogger. Dengan kerapian yang kita tunjukkan diharapkan pengunjung blog merasa betah berlama-lama membuka setiap halaman blog dan tentu saja hal tersebut sangat membantu perkembangan blog itu sendiri. Selain itu, tampilan blog yang rapi memberi kesan profesional pada pemilik blog atau sang blogger.

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. 

Trik Mudah Membuat Fanpage Facebook

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.

Artikel terkait:

Bagikan: