[ Pilah Pilih ]

Informasi , tips dan trik

26.10.12

Home » , » Cara Mudah dan Singkat Membuat Scroll Kotak Komentar

Cara Mudah dan Singkat Membuat Scroll Kotak Komentar

8 comments
Membuat scroll di kotak komentar selain menjaga tampilan halaman tetap terlihat rapi juga mempermudah membaca  setiap komentar yang masuk ,pastinya sudah tau bahwa kotak komentar default di blogspot akan memanjang ke bawah mengikuti jumlah komentar yang masuk dan bagi para sebagian blogger menjadikan hal seperti itu dilihatnya kurang menarik ,tampilan halaman menjadi aneh terlalu  panjang ke bawah ,untuk menyiasatinya sebenarnya ada beberapa cara salah satunya dengan membuat scroll di kotak komentar tersebut ,bagaimana caranya langsung saja ke teori dan praktek-nya :


Pertama sudah menjadi hal wajib,sobat log in ke akun blogspot milik sobat.
Pilih menu Template  > Pengeditan HTML ,jangan lupa di klik Expand Template
Cari kode ini  <div class='comments' id='comments'> untuk memudahkan pencarian gunakan tombol Ctrl+F .

Setelah ketemu kode tersebut copy kode di bawah ini :

style='max-height:300px;overflow:auto;'

Satukan  dengan kode  <div class='comments' id='comments'>

Untuk contohnya rangkain-nya seperti di bawah ini :

<div class='comments' id='comments'style='max-height:300px;overflow:auto;' >
Catatan: Untuk angka 300 menunjukan tinggi kotak scroll dan bisa di rubah sesuai keinginan sobat.
Lalu save template.

Selesai.





Share:

8 comments:

  1. UnknownThursday, January 3, 2013 at 12:22:00 AM GMT+7

    thanks gan

    ReplyDelete
  2. mbogo.netFriday, January 11, 2013 at 7:31:00 PM GMT+7

    Terima kasih gan atas informasinya.

    ReplyDelete
  3. DyanThursday, January 17, 2013 at 11:44:00 PM GMT+7

    Kalo ga ada codenya gimana?

    ReplyDelete
    Replies
    1. AnonymousFriday, January 18, 2013 at 7:41:00 PM GMT+7

      coba cari lagi atau cari kode yang mirip,biasanya di bagian atas sebelum "a name='comments"atau di bagian komentar,karena setiap template tidak selalu sama kodenya tapi mempunyai fungsi sama

      Delete
  4. UnknownWednesday, January 23, 2013 at 2:10:00 PM GMT+7

    THANKS GAN UDAH BERFUNGSI DI BLOG SAYA..
    SALAM BLOGGER..

    ReplyDelete
  5. UnknownSaturday, March 23, 2013 at 4:10:00 AM GMT+7

    Sangat Bermanfaat Bg, Tengkyu :D

    ReplyDelete
  6. UnknownMonday, August 26, 2013 at 4:23:00 PM GMT+7

    Thanks gan infonya, :).
    <a href="http://www.simbio-tech.com>Simbio Tech</a>

    ReplyDelete

Mohon tidak memasukan Link Aktif dalam berkomentar ,Jika komentar anda tidak muncul mungkin disebabkan komentar anda di identifikasi-kan sebagai SPAM ,dimana langsung saya hapus semua komentar yang masuk kotak SPAM ,Mohon maaf Jika ada beberapa Komentar yang tidak sempat di balas atau terlewatkan ,Terima Kasih sebelumnya telah berkunjung.