Thursday, June 13, 2013

Cara Membuat Recent Comments Dengan Efek Bergerak di Blog

Di pagi hari ini saya akan berbagi widget blog, yaitu cara membuat recent comments dengan efek bergerak. Sekedar mengingatkan sebelumnya R-C Blog'S sudah pernah posting Cara Memasang Recent Comment di Blog. Namun recent comments ini berbeda dari yang sebelumnya, kalau sebelumnya memakai scroll dengan avatar, tapi yang sekarang saya share berbeda yaitu dengan efek bergerak namun tidak menggunakan avatar hanya tulisan. Tapi recent comments ini ga kalah keren dari yang sebelumnya, yang saya sukai dari recent comments ini sendiri, tampilannya yg keren dan seperti animasi. Ok, langsung saja kita mulai.

Berikut Cara Membuat Recent Comments Dengan Efek Bergerak di Blog:
  • Login ke Blogger
  • Dari Dasbor, pilih "Tata Letak"
  • Klik "Tambah Gadget"
  • Pilih "HTML/JavaScript"
  • Lalu copy > paste kode di bawah ini.
<style type='text/css'>
#LVkomen{background:aqua;box-shadow:0px 0px 30px 0px black, 0px 0px 20px 0px blue;color:black;text-shadow:0px 0px 0px 15px white;padding: 4px 4px 4px 4px;border-radius: 15px;}
#LVkomen:hover {background:black;box-shadow:0px 0px 30px 0px aqua, 0px 0px 20px 0px blue, 1px 1px 10px 1px black; color:white; text-shadow: 1px 1px 15px aqua, 2px 2px 10px white;}
.rcw-comments a {text-transform: capitalize;color:white; text-shadow:1px 0px 10px red, 0px 0px 10px violet;}
.rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;box-shadow: 0px 0px 5px 0px white;}
</style><div id="LVkomen">
<marquee align='left' direction='up' height='300' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'><script style=text/javascript src=http://lavixtastar-code.googlecode.com/files/lavixtastar-moving-recent-comments.js></script><script style=text/javascript >var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=100;</script>
<script src=http://rahman-ciblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></marquee></div></script></marquee></div>
<script>
document.write("<div style=\"display:scroll;position:fixed;top:0;left:0;color:black;font-size:1px;\"><a href=\"http:\/\/lavixtastar.blogspot.com\">.<\/a><\/div>");
</script>
Klik Simpan.
Keterangan: Kode yang berwarna merah sobat ganti dengan url blog sobat. 


6 comments:

  1. sep nie tutornya ,,, coba di blog demo akh

    ReplyDelete
  2. artikelnya bagus banget gan ,,
    kalau bisa kunjung balik ya gan ke blog saya yang masih baru ,,

    http://blogharun26.blogspot.com/

    ...SALAM BLOGGER...

    ReplyDelete
  3. Siap gan, langsung meluncur.......

    ReplyDelete
  4. langsung menuju tkp aja kang :-)
    thnx'z infonya.

    ReplyDelete