H
alo Sobat AHS,kali ini saya akan memberikan tutorial mengenai
Cara Membuat Recent Comment
seperti yang kita tau sobat, widget recent komen ini sebetulnya adalah widget bawaan blogger,,..
kok bisa?? bagaimana cara menampilkannya?
gni sobat caranya
http://nama situs.com/feeds/comments/default
bisa juga dengan widget yang akan saya berikan di tutorial ini,,
seperti apakah itu??
gni sobat,widget ini berfungsi untuk menampilkan komen/komentar yang masuk ke blog kita,,
dan hanya berfungsi jika kita mengisi komentar,,
jadi,jangan anda tanyakan bila widget ini tidak berfungsi gara" tidak adanya komentar pada blog anda.
pada penasarankan seperti apa widget ini???
yuk langsung mulai aja tutorialnya,,.. simak ya sobat *yang ndk nyimak barbel melayang :v*
Demo
- Untuk Demo Bisa Anda Liat Di Blog ini :v
Tutorial Membuat Recent Comment
- pertama, login dulu ke blogger
- setelah itu ke tata letak
- lalu klik Add Gadget > HTML/Javascript
- setelah itu,tambahkan script/kode 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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 4
showAvatar = true,
avatarSize = 40
roundAvatar = true,
characters = 100,
defaultAvatar = "???",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://ahshare-project.googlecode.com/files/AHScomment.js"></script>
<script type="text/javascript" src="http://www.ah-shared.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
<span style="font-size: 50%">Widget edited by <a href="http://ah-shared.blogspot.com/" target="_blank">AH-SHARED</a></span>
Setting
- yang ada tanda merah itu, ganti dengan alamat blog sobat
- untuk mengganti avatar default(anonim),cari defaultAvatar = "???"
- kemudian,ganti itu dengan avatar default anonim kesukaan anda
- untuk settingan lain atau ada hal yang ingin di tanyakan,silahkan aj komentar di bawah :3
Jangan Merubah Settingan Default
Jika Anda Merubahnya,Saya Tidak Bertanggungjawab atas kerusakannya
maka,demikianlah artikel
Cara membuat recent comment
semoga dapat membantu.