MENAMBAHKAN FASILITAS SCROLL BAR PADA KOMENTAR

Komentar pengunjung pada sebuah postingan, semakin lama akan semakin
bertambah sehingga halaman yang berisi postingan tersebut akan kelihatan
memanjang kebawah. Hal itu tentu saja akan mengganggu keindahan penampilan
blog Berarti tampilan komentar akan selalu tersembunyi jika kata Lihat/Tutup
Komentar tidak di klik oleh pengunjung.

Usaha lain yang dapat anda lakukan agar komentar pengunjung tampil tidak
memanjang yaitu dengan memanfaatkan fasilitas Scroll Bar pada bagian
komentar sebuah blog.

Sebagai contoh, coba anda lihat ke bagian komentar yang telah
menggunakan kombinasi dari dua trik yaitu : KOMENTAR PENGUNJUNG AKAN
TAMPIL JIKA DI KLIK dan MENAMBAHKAN FASILITAS SCROLLBAR PADA KOMENTAR.

Anda juga dapat melakukan hal yang sama yaitu menggunakan kedua trik
tersebut sekaligus atau hanya memilih salah satu diantaranya. Silahkan
anda tentukan.

bagi anda yang ingin menggunakan trik MENAMBAH FASILITAS SROLL BAR PADA
KOMENTAR, silahkan ikuti langkah-langkahnya :

• Masuk ke Blogger.
• Pilih Tata Letak.
• Pilih Edit HTML
• Cari kode untuk pengaturan komentar 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;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



#blog-pager-newer-link {

float: $startSide;

}



#blog-pager-older-link {

float: $endSide;

}



#blog-pager {

text-align: center;

}
  
  
  
  
• Copy kode dibawah ini kemudian paste pada bagian kode diatas.
  
  
  
  
  
  
  
  #comments {

height:300px;

overflow:auto;

}
  
  
  
  
  
  Kode tambahan boleh diletakkan diatas kode #comments h4 {
  atau dimana saja, asal masih berada dibagian komentar.
• Kode height:300px;
  boleh anda ganti dengan tinggi scroll bar yang anda inginkan
• Setelah selesai kilk tombol Simpan Template
• Selamat mencoba, semoga berguna...!!!

Silahkan dibaca juga kelanjutannya dibawah ini