Membuat Kotak komentar dengan fungsi scroll

Blog/ website yang memiliki konten-konten/ artikel-artikel yang menarik pastilah ramai pengunjung setiap harinya.Banyak pengunjung yang lalu lintas menghampiri yang tak pernah lelah tuk sekedar melirik bahkan menyimpan artikel- artikel yang ada di dalam blog/ websites tersebut. Termasuk hal itu juga Komentar-demi komentar pasti ditelurkan kepada sang penulis di kotak komentar yang telah tersedia. Bayangkan bila sobat pengunjung baru hari ini...ingin berkomentar, tetapi tak disangka sudah ada 200 komentar lain. Terlalu panjang menjulur ke bawah..


Tentunya kadang menjadi suatu alasan malas untuk berkomentar atau mengurungkan niat untuk berkomentar hanya karena hal sepele tersebut. Apakah sobat mau seperti itu...??. Salah satu solusi yang dapat kita ambil adalah dengan cara merampingkan daripada kotak komentar kita dengan memberi fungsi scroll [tips ini cocok bagi blog sobat yang kebanjiran komentar]. LAngsung saja begini caranya:
  • Login ke akun blogger sobat
  • Pada halaman Dashboard Pilih Tata Letak - Edit HTML
  • Untuk berjaga-jaga, back up template sobat dengan klik Download Template Lengkap
  • Cari kode yang mirip dengan kode di bawah ini:

    /* Comments
    ----------------------------------------------- */
    #comments h4{
    ....................
    ....................
    }
    #comments-block{
    .......................
    .......................
    }

  • Tambahkan kode ini di atas kode tadi:

    #comments {
    height:450px; /* mengatur tinggi wilayah kotak komentar */
    overflow:auto;
    }
    sehingga kodenya menjadi seperti dibawah ini:
    /* Comments
    ----------------------------------------------- */
    #comments {
    height:400px;
    overflow:auto;
    }
    #comments h4{
    ....................
    ....................
    }
    #comments-block{
    .......................
    .......................
    }

  • Simpan Template
Mudah dan simple kan? tentunya membuat halaman komentar kita lebih ringkas dan enak dipandang. Sampai jumpa pada postingan berikutnya

Bookmark and Share

Posted by: Mas Eko
Download info - Tips trik - update - sharing, Updated at: 07:52

7 - komentar:

toko bunga said...

saya sudah mencobanya dan berhasil, tapi saya ingin Background berwarna lain dengan warna halaman posting, mohon petunjuknya

septick tank said...

thx info y gan ,,,

biotech indonesia said...

nice post ....

stp biotech said...

happy blogging ....

flash card gratis said...

terima kasih atas informasinya, semoga bermanfaat

unsgu said...

bagus sekali infonya. terimakasih.
hadapilah semua masalah. selesaikan dengan specifications car and motorcycle , home design and decorating Ideas , price and specifications , minimalist home design hati yang tenang dan otak yang yang dingin serta berusaha dengan keras...

unsgu said...

semua telah tersaji review kawasaki vulcan dengan sempurna melalui website ini.. informasi yang akuarat tajam dan terpercaya.. thanks mas bro telah rela price honda city berbagi dengan kami. Berbagai informasi yang diposting pada web ini sangat bermanfaat, dan menambah wawasan untuk para pembaca. Terimakasih yah udah mau share, dan ditunggu berita engine ford eco terbaru menarik lainnya. engine honda ivtec

Post a Comment

Tiada gading yang tak retak, baka banyak pula hal yang salah dari aku. maka, tinggalkan walau hanya secoret komentar sebagai lankah ke depanku untuk lebih maju

NO SPAM NO PORN!