Cara Membuat Kumpulan Komentar Bag-III

Unknown - Selasa, 12 Juni 2012 - 17:29 wita
Melanjutkan Cara Membuat Kumpulan Komentar Bag-I, dan Cara Membuat Kumpulan Komentar Bag-II sekarang saya akan lanjutkan berbagi lagi Cara Membuat Kumpulan Komentar Bag-III yang punya kelebihan tersendiri yaitu ada Avatarnya kawan Blogger yang memberikan Komentar :z; 
Script Widget ini saya dapatkan dari Blogger W2B, OK langsung saja ke cara  membuatnya :y;
Caranya sebagai berikut :

  • Masuk Account Blogger dengan ID kawan
  • Pada Tata Letak pilih Tambah Gadget - HTML / JavaScript 
  • Copas script berikut kedalamnya 

<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 = 25,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
showMorelink = true,
moreLinktext = "More »",
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://blogbego-creation.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=25"></script>



Silahkan Edit seperlunya seperti :

  • .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px; artinya avatar akan dikelilingi dengan bingkai lingkaran, seandainya kawan menginginkan Avatar apa adanya angka 100 tersebut bisa dikecilkan sampai angka 0 [kosong/Nol]
  • numComments= 5, artinya jumlah Komentar yang akan kawan tampilkan
  • defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", bisa kawan ganti dengan URL Avatar / Gambar punya kawan, karena yang memberikan Komentar tidak ada Avatarnya. 
  • Ganti Teks yang berwarna merah URL Blog saya dengan URL Blog kawan
  • Simpan Blog kawan


 MAAF POSTINGAN INI SUDAH TAK JALAN LAGI, SILAHKAN LIHAT 




Berbagi Artikel :

Cara Membuat Kumpulan Komentar Bag-III
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Cara Membuat Kumpulan Komentar Bag-III
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

Tidak ada komentar

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





BANNER [300x250]
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan