Artikel Terbaru :
Cara Menampilkan komentar terakhir di sidebar blog

Cara menampilkan komentar terakhir di sidebar blog atau recent comments di sidebar blog atau widget blog merupakan salah satu cara untuk memperindah tampilan blog dimana komentar terakhir dari pengunjung blog di setiap artikel akan tampil di sidebar blog kita, banyaknya komentar yang dimunculkan bisa kita atur sendiri, sebagai contoh bisa dilihat disidebar kanan untuk blog ini saya menampilkan 5 komentar terakhir pengunjung blog,sedangkan untuk anda silahkan tentukan sendiri banyaknya komentar terakhir yang akan di tampilkan.Caranya akan di bahas di bawah ini . jadi , baca sampai akhir dan berikan komentar anda.

Berikut cara pemasangan widget recent comment / komentar terakhir


  1. Pilih Rancangan / Rancangan
  2. Add a Gadget / Pilih gadget
  3. Pilih Html / Java Script
  4. Copy dan pastekan script berikut : 
 <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:#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: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 100,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwa.js"></script>
<script type="text/javascript" src="http://http://free-download-softwaregratis.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Keterangan :
    numComments  = 5, (jumlah komentar yang ingin  ditampilkan)
    avatarSize  = 30, (ukuran  dari gambar profil)
    characters  = 100, (jumlah huruf atau karakter yang ingin di tampilkan)

Silahkan ganti alamat blog  saya dengan alamat blog anda sedangkan max-results=5 disesuakan dengan jumlah komentar yang ingin ditampilkan

Artikel Terkait:

  • Cara Pasang Meta Tag Alexa Cara Pasang Meta Tag Alexa | Assalamu'alaikum, kawan diantara trik supaya Alexa blog atau website kita angkanya semakin turun adalah memasang alexa tool bar, widget trafik, ada yang memberi review pada blog kita, dan masi… Read More
  • Cara Verifikasi Website/Blog di Bing Bing merupakan search engine selain dari Google. Bing juga telah banyak digunakan oleh pengguna internet di seluruh dunia. Oleh sebab itu, sobat yang memiliki Website/Blog harus verifikasi Blog sobat di Bing. Verifikasi… Read More
  • Mengatasi Tulisan See More At Saat Copy Paste di Blog Apakah pada Template Blog sobat terdapat CopynShare AddOn dari ShareThis plugin sebagai media untuk membagikan konten pada Blog sobat? CopynShare AddOn ini akan menyertakan link atau url ketika ada orang yang copy paste… Read More
  • Cara Menghapus Blog di Alexa Rank   Nah tips kali ini saya akan membahas soal dengan alexa lagi, dan pada artikel sebelumnya saya sudah membahas bagaimana cara mendaftarkan blog ke alexa rank dan cara instal alexa toolbarcara instal alexa toolbar, oke … Read More
  • BidVertiser: Cara Mudah Dapat Uang dari Blog/Web var bdv_ref_pid=668687;var bdv_ref_type='i';var bdv_ref_option='p';var bdv_ref_eb='0';var bdv_ref_gif_id='ref_468x60_blue_pbl';var bdv_ref_width=468;var bdv_ref_height=60; internet advertising Membuat blog kita menjad… Read More

0 komentar:

Post a Comment