Cara Mudah dan Keren Menampilkan Komentar Terbaru (Recent Comment) di Sidebar Blog
Komentar
adalah pesan yang ditinggalkan atau disampaikan oleh Pengunjung ke Blog
kita. Ini sangat penting untuk berkomunikasi dengan pemilik blog.
Pemasangan Komentar terakhir di Sidebar Blog adalah salah satu cara untuk memperindah
tampilan blog dimana komentar terakhir dari pengunjung blog di setiap
artikel akan tampil di sidebar blog kita, banyaknya komentar yang
dimunculkan bisa kita atur sendiri.
Jika Sobat ingin menampilkan pada Komentar Terakhir pada Sidebar, berikut adalah langkah-langkahnya:
1. Login ke Blog Sobat
2. Klik Tata Letak (Rancangan)
3. Klik Tambahkan Gadget
4. Pilih HTML atau Java Scipt
5. Tambahkan Kode Berikut pada HTML atau Java Script :
<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 = 10,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 150,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwa.js"></script>
<script type="text/javascript" src="http://cakerbatam.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
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 = 10,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 150,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwa.js"></script>
<script type="text/javascript" src="http://cakerbatam.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
* Ingat Edit sesukamu :
numComments = 10, (jumlah komentar yang ingin ditampilkan)
avatarSize = 30, (ukuran dari gambar profil)
characters = 150, (jumlah huruf atau karakter yang ingin di tampilkan)
idyoung.blogspot.com ganti dengan Web Sobat
6. Klik Simpan dan Lihat hasilnya.
Demikian yang dapat saya share buat Sobat Blogger Semoga bermanfaat. jangan lupa klik Google Plusnya.