Friday, June 29, 2012

Cara Membuat Komentar Terbaru Dengan Avatar Unik !!

| Friday, June 29, 2012 | 2 comments
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Buat teman" semua, iilah cara membuat komentar baru aengan gambar, langsugng aja yach ke prakteknya,

Kotak Komentar Dengan Avatar

Ingin seperti itu ??
Inilah cara membuat dan memasangnya?

Untuk cara pembuatannya, silahkan Anda ikuti langkag-langkah dibawah ini:
1. Pastikan Anda sudah Login ke akun Blogger Anda.
2. Masuk ke halaman Page Element.
3. Lalu Anda klik Add a Gadget dan pilih HTML/Javascript.
4. Letakan script komentar terbaru dibawah ini di kolom HTML penambahan widget baru.
<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 5px !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:3px;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 = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://anvity-host.googlecode.com/files/comments.js"></script>
<script type="text/javascript" src="ALAMAT BLOG KAMU/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

5. Save Gadget. Done!

Note:
1. Ganti tulisan yang berwarna Hijau dengan URL blog/web Anda.
2. Ganti tulisan yang berwarna Ungu dengan ukuran gambar/foto komentator.
3. Ganti tulisan yang berwarna Biru dengan jumlah karakter isi komentar.
4. Ganti tulisan True dengan False, jika ingin gambar/foto tidak ditampilkan.
5. Ganti angka 5 dengan jumlah komentar yang akan muncul.

2 comments

wah keren unik, pingin coba pasang dulu nih sob, kebetulan lagi butuh. Trima kasih ya

Mohon maaf kalau mengganggu kenyamanan :
1. Komentar yang mengandung SPAM, pornografi, dan iklan akan dihapus.
2. Mencantumkan link hidup akan otomatis dihapus.
Terima kasih atas kunjungannya U(^_^) semoga artikel ini bermanfaat.


 

Motivasi

Info Agama Islam