Cara Membuat Recent Comments Dengan Tampilan Scroll

Label:
Saat pertama memasang widget Recent Comments dengan fungsi penambahan bawaan blogger, terasa skali tampilan recent comments nya terlalu memanjang ke bawah. Secara estetika menurutku menjadi kurang baik saja. Apalagi bila variabel yang dipilih 10 comments terbaru dari pengunjung blog kita.
Dengan alasan itulah akhirnya ku putuskan untuk membuat RECENT  COMMENTS dengan tampilan scroll. Dengan begitu tampilan Recent Comments akan terlihat lebih rapi. Okay tanpa perlu panjang lebar lagi, kita langsung cekidot aja yah gimana saya membuat recent comments dengan tampilan scroll. Contohnya sobat bisa lihat disini.

Adapun langkah-langkahnya sebagai berikut:
1. Seperti biasa login terlebih dahulu ke blog sobat
2. Pada halaman Dasbor klik Rancangan
3. Tambah Gadget >> Pilih HTML/javascript
4. Copy paste kode dibawah ini:

<div style="overflow:auto;width:100%px;height:345px;border:1px solid #2E9AFE;padding:4px;margin:10px 0 0"> <script style="text/javascript" src="http://files.bloggerplugins.org/widgetcomments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=true;var n_rc=true;var o_rc=60;</script><script src="http://hadi-99.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> <div style="font-size:1px; padding:4px 0px 0px 0px"><a href="http://hadi-99.blogspot.com/2010/06/cara-membuat-new-recent-comment-dengan.html"/>Make Your Own</a> by Blog Hadi</div></div>

KETERANGAN:
*Ganti tulisan yang berwarna merah dengan alamat URL blog sobat
*Atur lebar dan tinggi widgetnya dengan merubah tulisan berwarna biru
*Atur banyaknya Recebt Comments yang masuk dengan merubah tulisan berwarna hijau
*Atur jumlah karakter yang akan ditampilkan dengan merubah warna pink

5. Jika sobat merasa sudah sesuai dengan pilihan sobat, selanjutnya tinggal simpan template.


Semoga bermanfaat......

0 komentar:

Posting Komentar

 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates