Cara Membuat Scroll Box Komentar

Cara Membuat Scroll Box Komentar - Membuat blog terlihat ramping akan memudahkan pengunjung mengakses halaman blog kita tetapi bagaimana jika dikaitkan dengan form komentar yang kadang jika membelundak akan memanjang ke bawah. Nah...susah kan jadinya orang berkomentar, untuk mengatasinya dengan cara membuat box komentar model scroll.

Tampilannya sederhana tapi mudah di aplikasikan, untuk membuat scroll Box Komentar berikut tata caranya :


  • Masuk Blogger
  • Klik Rancangan lalu klik EDIT Html
  • Centang expand template widget atau download lengkap template, hal ini di perlukan jika kita melakukan kesalahan pengeditan maka kita bisa mengebalikan template seperti semula


Lalu cari kode seperti ini #comments-block{

maka akan ketemu seperti kode di bawah ini

#comments-block{border:0px dotted #ccc;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

Ganti tulisan yang berwarna merah dengan kode di bawah ini

max-height:300px;border:1px solid #eee;overflow:auto;

Tampilannya akan seperti ini

#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

Selesai, klik SIMPAN

Keterangan :

huruf yang berwarna biru ganti dengan ukuran  kesukaan kalian

Semoga bermanfaat

Mungkin Anda Juga Ingin Melihat :

0 Comments


EmoticonEmoticon