Cara Membuat Recent Comment Avatar - Cara Membuat Widget Recent Comment Dengan Avatar. Widget Recent Comment dibutuhkan manakala kita malas melihat satu persatu komentar yang masuk pada artikel kita. Dengan Recent Comment kita akan mengetahui artikel mana saja dan siapa saja yang masuk pada blog kita.
Widget Recent Comment Dengan Avatar akan tampil menarik karena avatar tersebut foto profil kita sendiri. Recent Comment atau dalam bahasa Indonesia Komentar Terbaru yang tanpa avatar akan terlihat kaku dan tidak menarik. Cara pembuatannya pun sangatlah gampang, sahabat tinggal ikuti saja aturannya seperti yang mana telah ditentukan dibawah. Untuk sahabat yang mau Membuat Widget Recent Comment dengan Avatar,mari kita itu langkahnya sebagai berikut :
Login ke akun blogger
1.Klik Design/Layout/Tata Letak
2.Page Element
3.Add a Gadget HTML/Javascript
4. Kemudian masukan kode berikut ini:
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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 = 50,
characters = 60,
defaultAvatar = "https://en.gravatar.com/badilah",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://badilah.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://blogarcive.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Keterangan :
Ganti http://blogarcive.blogspot.com dengan URL blog sahabat.
numComments=5 adalah banyaknya komentar yang akan ditampilkan,
avatarSize= 50 adalah ukuran avatar
characters=60 adalah banyaknya karakter komentar yang akan muncul.
5. Save dan lihat hasilnya, semoga berhasil dan tentunya bisa bermanfaat.
turut menyimak sob,terima kasih sudah sharing
BalasHapushappy blogging
@kampungku corolla
BalasHapusOk kawan silahkan,thanks ya.
follback sukses sob ke (12)
BalasHapusmakasih sudah berkunjung dan lam kenal juga
wilujeng ngeblog
@sakahayang.com
BalasHapusHatur Nuhun Kang.
@Chumhienk™
Senang sudah bisa berbagi,makasih kunjungannya sop,happy blogging.
Berhasil diterapkan di blogku,makasih telah berbagi.
BalasHapusmantap banget dah...btw adminnya ada brapa nich?? :D
BalasHapusMakasih sop,berhasil ane praktekan.
BalasHapusnumpang copas script,a bro,,
BalasHapusmakasih,,!!
Silahkan sob dimanfaatkan,thanks ya.
Hapuskeren mas bro, saya sudah mencobanya dan berhasil, thanx
BalasHapus