Cara Menambahkan scroll pada kolom komentar

Cara Menambahkan scroll pada kolom komentar- Bagi sobat yang tidak ingin pada kolom komentar terlihat memanjang ke bawah karena sering kebanjiran komentar, bisa menambah fungsi scroll pada kolom komentar. Untuk membuatnya sobat cukup menambahkan sedikit kode.

Caranya:

• Masuk ke blog sobat.
  
• Pilih tata letak.
  
• Klik edit HTML.
  
• Beri tanta pada Expand Template Widget.
  
• Ini adalah kode yang harus ditambahkan.
  
  <div class="scrollbox" style="overflow:auto; height:350px; width:600px;">
  .............................................
  .............................................
  .............................................
  </div>
  
• Tambahkan kode di atas ke kode di bawah ini.
  Kode yang berwarna merah adalah kode di atas setelah ditambahkan.
  <div class="scrollbox" style="overflow:auto; height:350px; width:600px;">
  <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  <b:loop values='data:post.comments' var='comment'>
  <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
  <b:if cond='data:comment.favicon'>
  <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  </b:if>
  <a expr:name='data:comment.anchorName'/>
  <b:if cond='data:blog.enabledCommentProfileImages'>
  <data:comment.authorAvatarImage/>
  </b:if>
  <b:if cond='data:comment.authorUrl'>
  <a expr:href='data:comment.authorUrl' rel='nofollow'>
  <data:comment.author/></a>
  <b:else/>
  <data:comment.author/>
  </b:if>
  <data:commentPostedByMsg/>
  </dt>
  <dd class='comment-body'>
  <b:if cond='data:comment.isDeleted'>
  <span class='deleted-comment'><data:comment.body/>
  </span>
  <b:else/>
  <p><data:comment.body/></p>
  </b:if>
  </dd>
  <dd class='comment-footer'>
  <span class='comment-timestamp'>
  <a expr:href='data:comment.url' title='comment permalink'>
  <data:comment.timestamp/>
  </a>
  <b:include data='comment' name='commentDeleteIcon'/>
  </span>
  </dd>
  </b:loop>
  </dl>
  </div>
  
• Jangan lupa klik simpan.
  
• Lihat hasilnya.
  

Sobat bisa menyesuaikan tinggi dan lebar kolom komentar sesuai dengan template yang sobat punya.

Silahkan dibagikan keteman Via

Tweet

Artikel Terkait :

Tips and Trik Blogger

• Definisi Dan Fungsi SEO di Web Blog
• Cara tes dan cek berat blog dengan 10 situs tes blog
• Cara Membuat dan Memasang Search Engine di Blog
• Cara Mengganti Icon Blog di Blogger
• Cara Membuat | Menambahkan 2 Kolom Dibawah Header di Blog
• Cara Membuat Slide Show Album Foto di Blog
• Cara memasang Link Tanpa harus di Klik Terbuka Sendiri
• Cara Mudah dan Gampang Mendapatkan Sponsor | Iklan di Blog | wordpress
• Cara Membuat Menu horizontal di Blog
• Cara Memasang / Buat FP Melayang di Blog
• Cara Memasukan atau Upload File Microsoft Word | Excel | Power Point ke Blog
• Cara memasang widged iklan banner di blog
• Cara membuat link pada gambar di blog
• Cara memasang TV Online streaming di Blog dan Kodenya
• Cara membuat Older Post dengan Angka
• Cara Agar Blog Banyak yang Follow
• Cara menambahkan Google Sitemap ke blogger
• Arti Kode Kode PadaTemplate Blog
• Cara Tes Kecepatan loading Blog biar tidak lemot
• Daftarkan Blog ke Ratusan Search Engine Directory
• Cara Menghapus widget Blog yang tersembunyi
• Cara Membuat Daftar Isi Hanya Dari Satu Label
• Cara membuat komentar pengunjung berbeda dengan admin blog
• Cara Mellebarkan Atau Menambah Ukuran halaman Template Blog
• Cara Melihat Posisi Blog Pada Search Engine