Home » » Membuat Recend Comment dengan Avatar

Membuat Recend Comment dengan Avatar

Written By Unknown on Rabu, 23 Mei 2012 | 11.52

Membuat Recend Comment dengan Avatar - Untuk mempercantik blog dan membuat pengunjung benar benar merasa nyaman dan percaya tentang keberadaan blog kita, banyak sekali cara yang dilakukan. Salah satu cara yang bisa dilakukan adalah membuat recend Commend.  pengunjung akan melihat beberapa komentar yang terakhir di terbitkan. Dan dari hal tersebut pengunjung pun akan lebih menyukai blog kita karena blog yang kita punyai benar benar aktif.

Nah, untuk membuat recend post sendiri sangat lah mudah. Kita tinggal coppy paste beberapa kode yang akan saya tulis disini.

Dan inilah langkah demi langkah dalam membuat recend comment  dengan Avatar.

1. masuk ke edit - tata letak
2. Tambahkan widget dan pilih HTML
3. Coppy Pastekan kode berikut ini di dalam widget tersebut.


<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">

<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  = 100,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 200,
 defaultAvatar  = "",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://kenzoo.googlecode.com/files/resendcomt-kenzoo.js"></script>
<script type="text/javascript" src="http://www.ken-zoo.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script>


<div style="font-size:8px; padding:3px;margin-bottom:5px;float:right"><a
href="http://belajar-blog14.blogspot.com/2012/05/membuat-recend-comment-dengan-avatar.html" target="_blank"> Get This Widget</a></div>
</div>

4. Ganti kode yang di sorot warna merah dengan URL anda.
5. Kode yang di sorot warna hijau adalah tinggi widget. (ganti sesuai dengan keinginan anda)
6. Kode yang disorot warna kuning adalah background. (ganti sesuai dengan keinginan anda)
7. Save widget
6. Selesai.

Catatan :
 numComments  = 100, (Ganti sesuai keinginan anda)
 showAvatar  = true, (menampilkan gambar avatar, bisa diganti dengan false)
 avatarSize  = 30, (ukuran gambar Avatar, bisa diganti sesuai keinginan)
 roundAvatar = true, (bentuk dari avatar yaitu bundar, bisa diganti dengan false jika ingin kotak)
 characters  = 200, (jumlah karakter yang di terbitkan)

Nah, itulah tadi cara Membuat Recend Comment dengan Avatar.Cukup mudah bukan..?

Share this article :

0 komentar:

Posting Komentar

Berkomentarlah dengan baik dan relevan. No Spam.!!

Deskripsi Iklan
Deskripsi Iklan
Deskripsi Iklan
Deskripsi Iklan
Advertise Now!
 
Support : About Me | Contact Us | Privacy Policy
Copyright © 2013. Belajar Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger