12 June 2013

CARA MEMBUAT SCROLL PADA KOLOM KOMENTAR BLOG

Tutorial Blogger kali ini adalah tentang cara membuat scroll pada kolom komentar blog. Insya Allah semua tulisan saya yang berkaitan dengan tutorial sebelumnya selalu melalui tahap percobaan terlebih dahulu, jadi sudah terbukti dan lansung bisa dipraktekkan. Scroll adalah sebuah fungsi yang sering kita temukan baik pada Blog/Website untuk memperpendek tampilan elemen atau dengan kata lainnya adalah agar elemen tersebut tidak terlalu panjang, sehingga akan menghemat tempat. Hal ini berlaku pula pada berbagai widget termasuk juga kotak komentar yang dipasang pada blog

Untuk membuat fungsi scroll pada kolom komentar kita hanya perlu menambah sedikit kode HTML pada elemennya, berikut ini adalah langkah selengkapnya :

1. Setelah masuk pada dashboard Blogger >> Pilih Template >> Cadangkan/simpan template terlebih dahulu untuk berjaga-jaga dari kesalahan >> Kemudian pilih Edit HTML

2. Gunakan fasilitas search dengan menekan Ctrl+F (pointer mouse harus berada pada kotak edit HTML) lalu carilah kode <div class='comments' id='comments'>

3.Tambahkan kode berikut style='overflow:auto;height:200px' sehingga kode menjadi <div class='comments' id='comments' style='overflow:auto; height:200px'>

4. Pratinjau hasil perubahan

5. Jika tidak ada masalah kemudian Save

Tambahan :
  • Nilai 200px artinya fungsi scroll akan otomatis muncul pada kolom komentar setelah mencapai angka tersebut, silahkan sahabat ubah nilainya sesuai dengan keinginan.
  • Sebelum penambahan kode style='overflow:auto; height:200px jangan lupa beri spasi terlebih dahulu.
Untuk hasilnya, sahabat dapat melihat penerapan scroll pada kolom komentar yang sudah saya gunakan di blog ini. Selamat mencoba dan semoga bermanfaat.

Written by: goez ini
Tips dan Trik, Updated at: 12:03 AM

No comments:

Post a Comment

Silahkan berkomentar dengan bijak dan sopan. Kritik dan saran Anda adalah masukan berarti bagi saya.