Recent Comment With Slide Effect

Melanjutkan seri postingan artikel widget yang menggunakan efek slide, kali ini mengenai Recent Comment With Slide Effect, yaitu menampilkan komentar terbaru dari sobat blogger dengan efek slide yang unik dan menarik seperti pada contoh di bawah. Widget comment ini memiliki daya tarik tersendiri karena selain dapat meningkatkan peringkat pageview widget ini juga dapat digunakan untuk mereview comment yang sudah ada pada blog tanpa harus membuka postingan artikelnya, sekaligus secara tidak langsung mengajak pengunjung blog untuk mau berkomentar di blog. Buat yang tertarik untuk memasang widget ini, monggo disimak cara pemasangannya.

Cara Pemasangan :

Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/JavaScript", seperti gambar dibawah ini.

Perhatian !!! Jika sobat blogger belum memasang kode jQuery silakan sobat pasang kode jQuery berikut ini dan pasang di atas </Head> atau bersamaan dengan kode script di bawah. Jika sudah ada kode jQuery silakan lewati bagian ini.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

Copy-paste kode berikut ini di kotak postingan gadget.

<div class='rpComment'> <script type='text/javascript'> var rpBorder = 0; var rpWidth = 254; var rpHeight = 300; var speed = 9000; var pause = 5000; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <script src='http://monozcore-project.googlecode.com/files/slide_recent_comment.js' type='text/javascript'></script> <ul class='tb_recent_comments' id='rp_plus_img'> <script src='http://www.monozcore.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=1000'></script> </ul> </div> <div id="loadSet"></div>
<div class='rpComment'>
<script type='text/javascript'>
var rpBorder = 0;
var rpWidth = 254;
var rpHeight = 300;
var speed = 9000;
var pause = 5000;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<script src='http://monozcore-project.googlecode.com/files/slide_recent_comment.js' type='text/javascript'></script>
<ul class='tb_recent_comments' id='rp_plus_img'>
<script src='http://monozcore.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=1000'></script>
</ul>
</div>
<div id="loadSet"></div>

| Blog Tools
Catatan :
- Penting !!! Silahkan sobat ganti link url feed comment (http://monozcore.blogspot.com/feeds/comments/default) pada kode script di atas dengan link url comment feed blog atau website sobat.
- var rpWidth = 254; // Lebar widget
  var rpHeight = 300; // Tinggi widget

Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

Recent Comment With Slide Effect

2 komentar: