KONTAK SAYA

Email Twitter Facebook

TELUSURI

GALERI FOTO

Kategori Arsip Daftar Isi

MULAI DARI SINI

Pelayanan Portfolio Pembayaran

Home » » Cara Menambahkan Scroll pada Kotak Komentar dengan Menggunakan CSS

Cara Menambahkan Scroll pada Kotak Komentar dengan Menggunakan CSS

Waikabubak Sumba

Cara Menambahkan Scroll pada Kotak Komentar dengan Menggunakan CSS


Cara Membuat Scroll pada Kotak Komentar dengan Menggunakan CSS  - Hayoo..siapa yang mau membuat scroll pada kotak komentar blognya dengan menggunakan CSS silahkan mampir disini…(he he kayak orang mau jualan aja..!). Soalnya saya juga lagi bingung mau mulai dengan kalimat apa diawal tulisan, yang jelas topik kali ini memang mau membahas tuntas..tas..tentang cara membuat/menambahkan scroll pada kotak komentar dengan menggunakan CSS. Jika jumlah komentar pada sebuah artikel di blog sobat sudah banyak mungkin 20-50 komentar, tentunya pengunjung lain yang ingin berkomentar sedikit kerepotan karena harus scroll sampai bawah untuk menemukan kotak komentarnya. Nah solusi jitu untuk hal yang seperti ini, sobat bisa membuatkan scroll langsung pada kotak komentar agar lebih memudahkan pengunjung sekaligus membuat tampilan blog jadi lebih simple.
Berikut ini langkah-langkah cara menambahkan/membuat scroll pada kotak komentar :
1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode CSS kotak komentar dengan bantuan Ctrl+F, biasanya ditandai dengan kode #comments-block{.
4.    Tambahkan kode CSS dibawah ini setelah kode  tadi.
max-height:300px;border:1px solid #eee;overflow:auto;
5.    Biar lebih jelas lagi saya berikan ilustrasi kode CSS pada kotak komentar blog ini SEBELUM dan SESUDAH dilakukan perubahan.
Kode CSS kotak komentar SEBELUM dirubah :
#comments-block{border:0px dotted #ccc;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}
Kode CSS kotak komentar SESUDAH dirubah :
#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}
6.    Ukuran tinggi kotak komentar 300px, jenis border 1px solid serta warna border #eee dapat dirubah sesuai selera anda.
7.    Jika sudah selesai, SAVE template anda.
Well..sekarang tampilan kotak komentar jadi lebih rapi bukan ? Kalo gitu segera saja sobat membuat scroll pada kotak komentar blog anda dengan sedikit menambahkan kode CSS saja, sehingga tampilan blognya juga jadi lebih simple dan rapi serta nyaman dipandang. Semoga tips blogging ini bermanfaat.


0 Saran Dan Kritik:

Poskan Komentar

Entri Populer

 
© 2010-2015 Islam Agamaku
Desain by OTIN | Islam Agamaku | Powered by Harian Islam