Cara Membuat Kumpulan Komentar Bag-III

Kastaone - Selasa, 12 Juni 2012 - 03.29.00 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= 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 80,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "URL No Avatar",
hideCredits = false;
//]]>
</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 = "URL No Avatar", bisa kawan tambahkan 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




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

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan




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