Wednesday, September 22, 2010

Cara Membuat Daftar Komentar Menggunakan Scroll

Cara Membuat Daftar Komentar ScrollTeras Info - Pada saat saya membuka blog ini, pada salah satu postingan saya yang berjudul cara membuat slide recent post di blog, ada komentar yang menanyakan seperti ini " saya penasaran sama model "Komentar Terbaru" blog ini
share juga cara bikinnya ya mas, tengs bratz". Karena berhubung ada pertanyaan seperti itu, akhirnya saya putuskan untuk memposting bagaimana cara membuatnya.

Untuk membuat daftar komentar terbaru dengan menggunakan scroll, caranya cukup mudah.
Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan masuk terlebih dahulu ke halaman Dasbor blog anda, kemudian klik pada bagian rancangan.

2. Setelah masuk pada bagian rancangan, silahkan anda klik pada bagian elemen halaman.

3. Langkah selanjutnya yaitu, silahkan klik tambah gadget, kemudian pilih html/java script.

4. Silahkan copy dan kemudian paste script di bawah ini:


<div style="overflow:auto;width:300px;height:200px;border:1px solid #eee;padding:8px;margin:10px 0 0"> <script style="text/javascript" src="http://files.bloggerplugins.org/widgetcomments.js"></script><script style="text/javascript">var a_rc=26;var m_rc=true;var n_rc=true;var o_rc=60;</script><script src="http://teras-info.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> <div style="font-size:9px; padding:8px 0px 0px 0px"><a href="http://Teras Info.blogspot.com"/></a> Teras Info</div></div>


Catatan:

* Pada bagian yang saya beri tanda dengan huruf tebal "http://Teras Info.blogspot.com" , silahkan rubah alamat blognya dengan alamat situs anda.

* Kemudian pada bagian http://teras-info.blogspot.com/feeds/comments/default , silahkan anda rubah alamat http://teras-info.blogspot.com dengan alamat situs anda.

* kemudian pada bagian var a_rc=26; , silahkan anda rubah angka 26 dengan angka yang anda inginkan, angka 26 disitu menunjukan jumlah komentar yang ingin ditampilkan."



Setelah itu silahkan anda simpan dan silahkan lihat hasilnya....
Selamat mencoba....


0 comments:

Post a Comment

 

Alif Ilmu | Tutorial Multimedia Online Copyright © 2011 | Template design by O Pregador | Powered by Blogger Templates