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:

Tutorial