Saturday, December 8, 2012

Cara Membuat Komentar Terbaru di Blog (Recent Comments)

Hilmawan's Weblog - Selamat pagi sob, untuk tutorial blog kali ini di Hilmawan's Weblog, saya mau posting tentang bagaimana caranya memasang widget recent comments atau komentar terbaru di blog kamu. Widget ini menurut saya sendiri penting, karena apa ? karena dengan adanya widget ini pengunjung dapat melihat seberapa populerkah blog kita di internet dengan melihat update komentarnya. Ok deh, langsung saja menuju ke TKP untuk tutorialnya.

Tutorial
widget komentar terbaru
  
1. Login dahulu ke blogger sobat, klik disini
2. Sekarang masuklah pada halaman Tata Letak
3. Pada halaman Tata Letak, kamu pilih Tambah Gadget - HTML/Javascript
4. Lalu copas kode dibawah ini
<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
</style>

<script type="text/javascript">
ava_mode = "all";
var cm_num = 5;
var cm_desc = 13;
var homepage = "http://NAMA BLOG KAMU.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['livej'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['wp'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['typepad'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['aim'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['url'] = "http://1.bp.blogspot.com/-eUjiOVpSBmw/TuZpNJ0w8-I/AAAAAAAAAbk/MQCBeyTefdI/s1600/user.png";
cm_ava['anon'] = "http://1.bp.blogspot.com/-bCPKKy16aV4/TuZpM901nkI/AAAAAAAAAbQ/GEM1G_Nym_Y/s1600/anonymous.png";

</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>
5. Simpan dan lihat hasilnya
Keterangan : ganti kode yang diwarnai dengan warna merah dengan alamat blog kamu
Warna biru adalah jumlah komentar yang akan ditampilkan, ganti sesuai keiinginan kamu

Ok, cukup sekian dulu untuk hari ini. Semoga tutorial Cara Membuat Komentar Terbaru di Blog (Recent Comments) dapat bermanfaat untuk teman-teman semua. Thank

No comments:

Post a Comment