Pages

DonkeyMails.com: No Minimum Payout
Server : Channel :
Use List | DalNet Commands (Open) | Help

Tuesday, June 5, 2012

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 :
  • Login ke blog sobat...

  • 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://monozcore.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=1000'></script>
    </ul>
    </div>
    <div id="loadSet"></div>

    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 :.
DMCAProtected by CopyscapeMyFreeCopyright.com Registered & Protected
Share :
Comments
Tweets
1 Comments

1 comment:

  1. Trims sob!akhir nya nemu di sini
    mau coba pasang di:http://agusciamis.blogspot.com

    ReplyDelete