Cara Membuat Scroll Pada Daftar Komentar di Blogspot

Cara Membuat Scroll Pada Daftar Komentar di Blogspot

Mungkin komentar-komentar dari pengunjung blog anda sangat banyak sekali dan terlihat panjang, nah untuk menghemat ruang di blog anda mungkin anda ingin menggunakan scroll pada daftar komentar di blog anda, dan berikut Cara Membuat Scroll Pada Daftar Komentar di Blogspot:

Silahkan ikuti langkah dibawah:

1. Login ke Akun Blogger anda

2. Klik Rancangan => Edit HTML

3. Klik Download Template Lengkap untuk menyimpan salinan template anda jika terjadi yang tidak di inginkan terhadap template anda karena kesalahan ketika melakukan editing pada template anda.

4. Beri tanda centang pada kotak di samping tulisan Expand Template Widget

5. Kemudian cari kode <dl id='comments-block'> atau di blog saya kodenya seperti ini <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

6. Untuk mempercepat pencarian gunakan tombol Ctrl + F.
Jika sudah ketemu,
Copy kode: <div style='overflow:auto; width:ancho; height:500px;'>

dan Paste di atas kode <dl id='comments-block'> atau <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

7. Lalu Scroll kebawah sampai sobat temukan kode </dl>

Kalau udah ketemu, letakkan kode </div> dibawah kode </dl>

Maka hasilnya untuk di blog saya akan seperti berikut:

<div style='overflow:auto; width:ancho; height:500px;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</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'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=5910843028956540200&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Balas Komentar ini</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

</div>

Kode yang berwarna Merah, bisa anda ganti sesuai Template anda.

8. Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba Membuat Scroll pada Daftar Komentar di Blogspot.

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Cara Membuat Scroll Pada Daftar Komentar di Blogspot

dengan URL: http://epuljapaneseblog.blogspot.com/2010/09/cara-membuat-scroll-pada-daftar.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

Dapatkan artikel EpulJapanese Blog terbaru langsung ke email anda. Silahkan masukkan alamat email anda:

Related Post

Tips Trik Tutorial Ms.Office

• Cara Agar Dokumen Ms.Word Tidak Bisa di Copy dan di Edit
• Cara Agar Postingan Blog Tidak Bisa Copy Paste, di Blok dan klik Kanan
• Cara Dokumen Ms. Word Tidak Bisa di Edit
• Cara Menampilkan Kotak Komentar di Blogspot
• Cara Membuat Tabel di Postingan Blog Dengan Menggunakan Google Dokumen
• Cara Membuat Spoiler di Blogspot
• Memasang Windows Alert di Blog
• Cara Men-disable Klik Kanan dan Block di Blogspot
• Cara Mengganti Cursor di Blog Dengan Gambar
• Memasang Tombol Like Facebook di Blogger
• Beberapa Variasi Tulisan Chat di CBOX
• Indonesia Siap Bersaing di SERP
• Label di Klik Tampil Hanya Judul Postingan
• Cara Memasang Balas Komentar Pada Komentar di Blogspot
• Cara Memasang Status Yahoo Messenger ( YM ) di Blogspot
• Cara Menampilkan Background Pada Postingan Blogspot
• Cara Membuat Kotak Iklan Di Blog
• Cara Setting Blog Di blogger / Blogspot
• Cara Membuat Related Post di Bawah Postingan Blog
• Cara Membuat Slideshow Album Foto dan Menampilkannya di Blogspot
• Mendaftarkan Blog atau Web ke Search Engine
• Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain
• Cara Menampilkan Code HTML di Postingan Blogspot
• Cara Membuat Blog di Blogspot