Membuat Widget Recent Comments Keren

Salam hangat selalu buat sobat bloggers semua, setelah lama ga share posting tentang tutorial blog, Kaka-jR kali ini akan sedikit membahas tentang Membuat Widget Recent Comments dan semoga artikel ini bermanfaat buat kalian semua,sob..

Membuat Widget Recent Comments mungkin buat sobat blogger sudah pada memasangnya mungkin juga sudah tidak butuh lagi tutorial seperti ini. Namun bagi ane yang masih terbilang baru jadi seorang blogger ini merupakan hal baru sekaligus dijadikan koleksi widget di blog ini, karena ane masih membenahi blog ini maka sekaligus dalam membenahi blog ini bahan-bahannya ane jadikan bahan postingan aja.
Namun meskipun Membuat Widget Recent Comments ini bagi sebagian blogger sudah ga asing lagi tapi mungkin buat blogger yang masih pemula atau pendatang baru hal ini bisa dijadikan tutorial buat membenahi blognya.
Nah, nanti tampilan Recent Commentsnya akan seperti ini:

Membuat Widget Recent Comments

Berikut langkah-langkah membuat recent comments:

  1. Seperti biasa sobat login ke blogger
  2. Kemudian masuk ke tata letak
  3. Selanjutnya klik tambah widget
  4. cari dan klik tambah javascript/HTML
  5. Masukan kode dibawah ini: 
<style type="text/css">ul.w2b_recent_comments{list-style:none;margin-left:10px;padding:0;height:300px;overflow:auto;}.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 !important;display:block;clear:both;overflow:hidden;list-style:none;}.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 10px;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[// Recent Comments SettingsvarnumComments  = 10,showAvatar  = true,avatarSize  = 30,roundAvatar = true,characters  = 70,defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",hideCredits = true;//]]></script><script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script><script type="text/javascript" src="http:/kaka-jr.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
Keterangan: Ganti tulisan yang berwarna merah dengan alamat blog sobat..

Share:

9 comments

  1. Js nya berat gak ya gan. coz nyari yg ringan2, supaya gampang di akses

    ReplyDelete
  2. @fazribookkalo menurutQ sih gak sob:p , tp koneksi juga pengaruh sob, kalau koneksi ente lancar jaya ane yakin ga bakal ada masalah.. :d

    ReplyDelete
  3. keren avatarnya dikelilingi bulatan

    ReplyDelete
  4. @Rudy Hartonoia sob ditambahi efek css sedikit biar enak dipandang :h

    ReplyDelete
  5. @Bagas Muharrom
    Okey,sob...
    Selamat mencoba yaw...:d

    ReplyDelete
  6. blog tampilan keren,i like your blog, nice overall ..salam kenal.
    joemulyono.blogspot.com
    :c

    ReplyDelete
  7. @joe emmulyonomakasih sob,, :h
    salam sahabat dari Kaka-jR juga ya om joe..:f

    ReplyDelete
  8. infonya mantaabb sob. ijin pasang di tempat sy ya,sob?trims

    ReplyDelete