Sunday, June 27, 2010

Cara Memasang Scroll Pada Kolom Komentar Blog

Pada Kesempatan Malam Ini Saya Akan Memberitahukan Tips dan Trik Cara Memasang Scroll Pada Kolom Komentar BlogMempunyai Blog dengan banyak pengunjung adalah hal yang menyenangkan karena itu merupakan tanda bahwa blog kita cukup populer, banyaknya pengunjung juga akan berimbas pada banyaknya komentar pada posting sehingga kadang panjang komentar dengan panjang posting lebih panjang kolom komentar.Lihat Demonya Pada Blog HTC 
Cara Memasang Scroll Pada Kolom Komentar Blog
Untuk itu kita bisa mengatasi dengan memasang fungsi scroll pada kolom komentar sehingga tampilan blog lebih sederhana dan elegan, Maka Ikuti Cara Cara dibawah Ini :

  • caranya adalah sebagai berikut :
  • Login ke akun Blogger kamu.
  • Dari halaman dashboard, pilih Edit HTML.
  • Pada halaman Edit HTML, centang "Expand Template Widget", cari kode dibawah ini  ( tekan F3 untuk memudahkan mencari kode )


/* Comments
-------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
...............dst........... s/d

#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


  • Tambahkan Kode Di Bawah Ini DIatas Kode #comments h4{
.comments {
height:300px;
overflow:auto;
}

  • Keterangan :
  • height:300px; tinggi kolom komentar sesuai dengan kebutuhan
  • overflow:auto; fungsi scroll yang akan muncul bila panjang komentar lebih dari 300px
  • Simpan dan lihat hasilnya...!
  • Baca Juga Tentang Cara Tips Menambah Gambar Pada Kotak Komentar Blog
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...