Bundarkan Recent Comments

Rabu, 15 Agustus 2012 | 6komentar

Bundarkan Recent Comments
Bundarkan Recent Comments - Komentar Terbaru atau lebih dikenal dikalangan blogger dengan sebutan Recent Comments. Memasang Widget Recent Comments di blog atau website besar fungsinya bagi kita, Recent Comments ini mampu memberitahukan komentar terakhir atau komentar terbaru dari pengunjung blog pada setiap postingan blog. Admin tak perlu bongkar dasbor hanya tuk sekedar mengetahui siapa saja yang berkomentar di blognya.

Bagi sobat yang belum Memasang Widget Recent Comments dengan avatar bundar di blog/web-nya, mari kita buat disini. Tak ada paksaan dalam Bundarkan Recent Comments ini, karena membundarkan Recent Comments ini hanya bagian dari pernak-pernik untuk keindahan blog kita saja. Jika sobat berminat  dengan Recent Comments Bundar, mari ikuti langkahnya sebagai berikut ;

 Login ke akun blogger
        1.Klik Design/Layout/Tata Letak
        2.Page Element
        3.Add a Gadget HTML/Javascript
        4. Kemudian masukan kode berikut ini :

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#41CE0E;-webkit-box-shadow:0 1px 1px #206AF5;-moz-box-shadow:0 1px 1px #D80BF3;box-shadow:0 1px 1px #F30B2E;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: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 50,
 roundAvatar = true,
 characters  = 60,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://gravatar.com/evawangi",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://evawangi.googlecode.com/files/avatarrcntcomments.js"></script>
<script type="text/javascript" src="http://evawangi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script><br/>
<a href="http://evawangi.blogspot.com/2012/08/bundarkan-recent-comments.html" target="blank"><font color="white">[Get This]</font></a>


5. Save Widget dan lihat hasilnya, semoga berhasil dan tentunya bisa bermanfaat.

Keterangan :
Ganti http://evawangi.blogspot.com dengan URL blog sahabat.
numComments=5 adalah banyaknya komentar yang akan ditampilkan,
avatarSize= 50 adalah ukuran avatar
characters=60 adalah banyaknya karakter komentar yang akan muncul.
Untuk warna background avatar dan border silahkan kreasikan sesuka sobat, buka kode warnanya disini
Bundarkan Recent Comments ini semoga berhasil dan tentunya bisa bermanfaat,
happy blogging !
Share this article :
Judul: Bundarkan Recent Comments
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Bundarkan Recent Comments. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/08/bundarkan-recent-comments.html. Terima kasih sudah singgah dan berkomentar di blog ini.

6 komentar:

  1. Wah.. Tampilannya lebih ok ya sis...
    Trims ya udh berbagi tutornya :)

    BalasHapus
    Balasan
    1. Biasa Mas,mau lebaran.., tampil beda biar betah dirumah,hihi.
      Makasih kunjungannya,met malam
      Happy blogging.

      Hapus
  2. Diamankan dulu, kapan-kapan dipasang
    Makasimbak ilmunya...

    BalasHapus
    Balasan
    1. Boleh Pak,salam erat persahabatan.
      Makasih kunjungannya and...
      Happy blogging.

      Hapus
  3. Sudah saya coba sob... thanks infonya

    BalasHapus
  4. klo cra buat gambar recent post bergak g mna tuh..???

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger