Kurupuk Seuhah

Membuat Scroll Pada Komentar

Komentar yang masuk mungkin saja semakin lama akan semakin bertambah banyak sehingga halaman blog akan panjang. Untuk mengatasi ini maka dibuat scrolling pada daftar komentar itu , sehingga blog tidak tampak memanjang ke bawah. Caranya bisa simple bisa juga ribet.. hal ini tergantung pada templatenya. Kalau kodenya sama ya.. gampang.. tapi kalau gak sama.. yaa rasakan sendiri aja deh.. hehehe..

Kalau ada yang berminat untuk Membuat Scroll Pada Komentar, langkahnya seperti ini :



  1. Masuk ke Acount blogger anda atau ke Dashboard
  2. Pilih Layout, kemudian klik Edit HTML
  3. Cari kode seperti di bawah ini
    /* Comments
    -------------------------- */
    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    }
    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
  4. Tambahkan kode berikut di atas kode : #comments h4
    #comments {
    height:400px;
    overflow:auto;
    }
  5. Angka 400px : adalah tinggi kotak scroll itu, tinggal diganti sesuai selera kita.
  6. Jika sudah jangan lupa Save template

Catatan :

Setiap template , kodenya berbeda-beda , seperti di blog Link Tea  yang khusus Dofollow saya cukup dibuat bingung juga , setelah 2 jam di utak-atik baru ketemu , we alaa… kodenya malah seperti ini : Coba  bandingkan dengan kode di atas , jauh ya…

.navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px} #comments {
height:400px;
overflow:auto;
}
.comments{color:#000; margin:1.5em 0pt 0pt; padding:0pt}
.comments a{color:$linkcolor}
.comments h3{font-size:1.6em}
.commentlist{color:#000; list-style-type:none; margin:1.5em 0pt 0pt; padding:0pt}
.commentlist li{margin-bottom:2em; padding:0.5em 1em}
.alt1{border:1px solid #F2F0E8; padding:0.5em}
.comment-footer a{color:$linkcolor}
Perhatikan yang warna biru itu adalah kode yang ditambahkan untuk fungsi scroll nya. Gimana dengan punya sobat.. beda juga apa tidak ??.
Nah begitu kalau adsa yang mau  Membuat Scroll Pada Komentar , selamat mencoba ya….


Related Post:

31 komentar:

  1. Aih susah amat mengedit template ini

    BalasHapus
  2. Coba test scroll dalam komentar

    BalasHapus
  3. ini yang aku cari selama ini,,,ini sanagat kai butuhkan

    BalasHapus
  4. segera ke tkp gan buat praktekin ini

    BalasHapus
  5. wah.. jadi makin praktis nih kalau blognya diberi scroll komentar.. :D

    BalasHapus
  6. ternyata caranya gampang sekali ya bro, ane udah coba dan akhirnya berhasil

    BalasHapus
  7. Nice info, akhirnya saya udah bisa masang scroll pada komentar blog saya,, makasih banyak infonya. Sukses selalu :)

    BalasHapus
  8. segera ke tkp gan buat praktekin ini

    BalasHapus
  9. ikut nyimak artiklenya mas, makasih

    BalasHapus
  10. nice info gan makasih sangat bermanfaat ..,.,

    BalasHapus
  11. Perbanyak lagi tutorialnya gan :) saya senang, menambah ilmu :)

    BalasHapus
  12. Terima kasih untuk informasi ini ya boss

    BalasHapus
  13. Ya, saya mau buat yang keren juga ah..

    BalasHapus
  14. Informasinya sangat bermanfaat gan, makasih atas infonya ^_^
    ditunggu kunjungan baliknya. Salam blogger indonesia.

    BalasHapus
  15. mantap sob, bisa di coba nih :)

    BalasHapus