"Don't worry if you can’t do great things.. just do small things in a great way"

Cara Membuat Recent Komentar keren di Blog


Sebelumnya saya memberi tips & trik blogspot tentang cara membuat recent post bergerak di blog kali ini saya akan share tentang Cara Membuat Recent Komentar keren di Blog. Mau lihat demonya? klik di Sini 
jika sobat berkenan silahkan ikuti langkah-langkah nya..

Copy script di bawah ini:

<div style="overflow:auto;width:300px;">
<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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="
http://ghanihendrika.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
</div>

Sekarang perhatikan baik-baik kode yang berwarna merah.

width:300px; (sesuaikan dengan lebar, supaya mudah ubah saja jadi 100%)
numComments (jumlah komentar yang ingin ditampilkan)
avatarSize (ukuran avatar atau gambar profil)
characters (jumlah kata pada komentar yang ingin ditampilkan)

http://ghanihendrika.blogspot.com (ganti dengan url blog sobat)



1. Buka dashboard > Design/Layout > Add a Gadget / Tambahkan Gadget.
2. Pilih HTML/Javascript.
3. Paste semua kode ke dalam kotak HTML/Javascript.
4. Save.

5. Lihat hasilnya,,

Mudah kan... 

demikianlah Cara Membuat Recent Komentar keren di Blog jika sobat berminat silahkan pasang di blog sobat,,,

Baca Juga:

Admin : Ghani Hendrika ~ Natuna In My Soul

Ghani Hendrika Sobat sedang membaca artikel tentang Cara Membuat Recent Komentar keren di Blog . Oleh Admin, Sobat diperbolehkan menyebar-luaskan artikel ini, Namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saya tunggu ucapan terimakasihnya di komentar :))
Title : Cara Membuat Recent Komentar keren di Blog
Description : Sebelumnya saya memberi tips & trik blogspot tentang cara membuat recent post bergerak di blog  kali ini saya akan share tentang C...

5 Responses to "Cara Membuat Recent Komentar keren di Blog "