Rabu, 25 Juli 2012
Membuat Recent Comments Dengan Avatar - Kali ini saya akan share tentang Membuat Recent Comments Dengan Gambar Avatar. Fungsi Recent Comments ini adalah memungkinkan orang yang berkomentar di blog akan muncul gambar foto profilnya. Contohnya bisa sobat lihat di Blog ini:
Bila sobat tertaik untuk mencobanya langsung saja mari kita bahas !!
1. Masuk ke akun Blogger sobat
2. Pada halaman Home sobat klik Rancangan ➨ tambah Gadget
3. Lalu sobat pilih elemen HTML/Javascript
4. Selanjutnya copy code di bawah ini dan taruh di dalamnya
3. Lalu sobat pilih elemen HTML/Javascript
4. Selanjutnya copy code di bawah ini dan taruh di dalamnya
<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 = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</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://www.azislah.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script>
5. Klik Simpan
Keterangan:
# Ganti http://www.azislah.com/ dengan url blog sobat.
# numComments = 5, ➨ menunjukan komentar yang akan di hasilkan.
# avatarsize = 60,➨ menunjukkan ukuran foto yang di hasilkan.
Silakan ganti sesuai keinginan sobat.
Terima kasih semoga postingan ini bermanfaat.
Done folow balik Sob... tanks atas kerjasamanay #114
BalasHapusdone folow back sob @113
BalasHapusartikel menarik..
BalasHapus