Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox

Bismillah
kali ini kita akan membahas bagaimana cara membuat recent comments / komentar terbaru. tapi yang kita buat disini itu agak berbeda, soalnya komentar terbaru disini sudah dilengkapi dengan scrollBox. jadi tidak memakan banyak tempat di sidebar. soalnya ukuran kotaknya pasti sesuai keinginan kita dan isinya bisa di scroll/ di tarik ke atas bawah gtu.. hehehehe

contohnya bisa di lihat di sidebar blog ini yg judulnyakomentar terbaru


Recent Comment with Scroll, yaitu Recent Comment yang ditampilkan dalam bentuk menu scroll.
- Login ke akun Blogger anda.


- Klik Rancangan.

- Pilih Tambah Gadget.

- Dasar-dasar → tambah (+) HTML/JavaScript.


- Tuliskan judul seperti Recent Comment atau Komentar Terbaru dan isi content dengan script di bawah ini :

<div class="widget-content">

<div style="width: 100%; height: 240px; border: 0px solid #; overflow: auto;"><ul>

<script src="http://files.bloggerplugins.org/widgetcomments.js" style=""></script><script style="">var a_rc=10;var m_rc=true;var n_rc=true;var o_rc=60;</script><script src="http://blogkamu.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>

</ul></div></div>

Keterangan: 

240 → sesuaikan tinggi recent comment.

10 → menunjukkan jumlah komentar terakhir yang ditampilkan, kamu bisa merubah sesuai selera.

60 → menunjukkan jumlah hurup komentar yang ditampilkan, kamu bisa merubah sesuai selera.

blogkamu → ganti dengan nama blog anda.


- Klik SIMPAN. dan jadi dech....

Jangan Lupa Baca yang ini Lho yach..:

widget blogger

• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Html Encoder untuk menampilkan script pada posting
• Membuat Menu Custom Dropdown
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Membuat Widget new post/ posting terbaru yang unik
• Cara Menambahkan Sesuatu Di Sidebar
• Memasang Radio Streaming Di blog/ website
• Membuat Tulisan ʞılɐqɹǝʇ
• Generator widget ( grunge heart )
• Memasang Profil Facebook Di blog
• Cara Membuat Menu 3 Tab View
• Membuat Buku tamu Tersembunyi
• Cara Memasang Jam di Sidebar Blog
• Cara Membuat Author Box / kotak penulis
• Cara membuat Buku Tamu Di Blog
• Cara Memasang Google Translate

tutorial blogger

• Membuat Tabel Pada posting Blog
• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Cara membuat Animasi Teks Membesar Part1
• Membuat Menu Custom Dropdown
• Kode warna Untuk Blog
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Membuat Widget new post/ posting terbaru yang unik
• Memasang Radio Streaming Di blog/ website
• Membuat Efek Link Pelangi
• Cara membuat Teks/ Tulisan Berjalan
• Cara Membuat Menu 3 Tab View
• Membuat Buku tamu Tersembunyi
• Cara Memasang Jam di Sidebar Blog
• Cara Membuat Author Box / kotak penulis
• Cara Mengganti Nama Blog
• Cara Setting Pengaturan Blogger
• Cara membuat Buku Tamu Di Blog
• Mengenal Istilah-istilah dalam Blogger
• Cara Memasang Google Translate
• Situs Penyedia Template Blogger
• Cara mengganti Template Blogger