Warung Bebas

Selasa, 10 Juli 2012

Memberi Fungsi Scroll Pada Threaded Comment Blog

Hay sobat !!! kali ini saya akan share tentang Cara Memberi Scroll Pada Threaded Comment Blog.Minggu kemarin saya sudah memberikan tutorial tentang bagaimana memberi Fungsi Scroll pada Widget Archive. Nah untuk kali ini saya akan memberikan tutorial untuk memberi fungsi scroll pada Threaded Comment. Fungsi scroll ini selain untuk memperintah tampilan blog agar lebih simple juga memudahkan pengunjung untuk membaca komentar yang ada.Untuk lebih jelasnya seperti apa Scroll Pada Threaded Commnet lihat screenshoot dibawah ini :




Langsung saja untuk membuatnya ikuti tutorial berikut :

  • Masuk ke Edit Template
  • Backup dulu templatenya, lalu klik Expand Widget Template
  • Cari kode " .comments .comments-content .comment-thread ol " atau lebih jelasnya seperti ini :
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
  • Jika sudah ketemu, copy kode di bawah ini dan pastekan di bawah kode .comments .comments-content .comment-thread ol {
 max-height:400px;border:0px solid #eee;overflow:auto;

  • Sehingga menjadi seperti berikut :
 .comments .comments-content .comment-thread ol {
  max-height:400px;border:0px solid #eee;overflow:auto;
  list-style-type: none;
  padding: 0;
  text-align: none;
}
  • Simpan template.

Untuk tingginya dapat sobat ganti sesuai keinginan dengan mengganti kode warna merah .

0 komentar em “Memberi Fungsi Scroll Pada Threaded Comment Blog”

Posting Komentar

 

TIPS TRIK Copyright © 2012 Fast Loading -- Powered by Blogger