Minggu, 09 September 2012
Cara Membuat Recent Comments + Gravatar di BLogger
Nah sekarang waktunya untuk memberikan script'a :
1. Klik tata Letak
2. Klik Tambah Gadget/Add Gadget
3. Klik HTML/JavaScript
4. Masukkan Scriptnya di bawah ini :
<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 = 30,
roundAvatar = true,
characters = 30,
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://creativityforindonesia.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
Catatan :
- Silakan Ganti http://creativityforindonesia.blogspot.com/ dengan alamat blog kamu
- Untuk menentukan jumlah komentar yang ingin ditampilkan silakan ganti angka 5 pada numComments = 5 dan max-results=5 characters = 30 (Silakan ganti angka 30 dengan jumlah karakter komentar yang ingin kamu tampilkan) avatarSize = 30 (Adalah ukuran gambar avatar yang artinya 30x30 px, silakan ganti sesuai keinginan) http://www.gravatar.com/avatar/?d=mm adalah default avatar, silakan ganti dengan gambar yang kamu inginkan.
Langganan:
Posting Komentar (Atom)
Artikel Via Email
Dapatkan Update Artikel B-digg Via Email
Jika anda suka dengan artikel yang ada di blog ini, silahkan untuk berlangganan artikel blog ini via email gratis. Isikan alamat email anda di bawah ini!!
Tidak ada komentar:
Posting Komentar