Formulir Kontak

Nama

Email *

Pesan *

Cara Membuat Recent Comment Di Blog

Aizzan Blog -- Malam ini saya akan membagi tutorial tentang cara membuat recent comment dengan avatar di blog, dengan menggunakan widget tersebut pengunjung dapat melihat komentar - komentar yang sudah dilayangkan oleh visitor lain ke blog sobat. Untuk lebih jelasnya sobat bisa lihat screenshot dibawah ini atau demonya ada di beranda blog ini,  langsung saja tanpa basa basi sobat ikuti tutorial yang ada di bawah gambar ini.

Aizzan Blog:  Cara Membuat Recent Comment Di Blog
Aizzan Blog:  Cara Membuat Recent Comment Di Blog

Langkah - langkah untuk membuat widget diatas yaitu :

1. Login ke blogger sobat
2. Masuk ke tata letak
3. Klik tambahkan gadget, dimana sobat akan meletakan
4. Pilih HTML/JavaSrcipt
5. Kemudian masukkan kode dibawah ini
    <div><p><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 = 10,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = true,
moreLinktext = "More »",
defaultAvatar = "http://rationalwiki.org/w/images/thumb/c/c0/Icon_anonymous.svg/200px-Icon_anonymous.svg.png",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://afanieshare.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script></p>
</div>
Keterangan :
  • Angka 10 pada numComments adalah jumlah komentar yang akan muncul
  • Angka 40 pada characters adalah karakter huruf yang akan muncul
  • http://afanieshare.blogspot.com/ ganti dengan url blog sobat
6. Simpan dan lihat hasilnya

Semoga artikel diatas bisa membantu sobat dan bermanfaat buat sobat, kritik dan saran dapat sobat sampaikan melalui kotak komentar atau bisa kirim di kotak formulir kontak di sebelah kanan artikel.
Previous
Next Post »
0 Komentar