Cara Membuat Widget Recent Comments Pada Blogger

khjlinks

Widget- Tips Blogging kali ini ada hubungannya dengan komentar pada blog. Seperti yang anda tahu komentar pada blog, berguna untuk pengunjung yang mau bertanya atau yang ingin memuji, widget ini berguna untuk memamerkan komentar-komentar pada halaman depan blog. Biasanya widget ini untuk blog yang sangat sepi komentarnya, sama seperti blog saya, widget ini bisa berguna untuk pengunjung yang ingin melihat-lihat komentar terbaru. Untuk para blogger langsung saja lihat halaman admin, untuk melihat komentarnya. Cara ini, saya perkirakan bisa digunakan di dua host gratis, seperti blogger dan wordpress.

Berikut ini adalah cara memasang widgetnya:

1. Masuk ke dasbor
2. Klik Tata Letak pada kolom kiri
Tips Blogger
3. Lalu Klik Tambah Widget (letaknya terserah anda)
tips blogger
4. Nanti akan keluar pop-up, Pilih HTML/JavaScript
Tips Blogger

5. Copy kode di bawah ini dan letakan di dalam box tersebut:
<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://rh-w.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
6. Klik Simpan

Perhatian:
 Ganti  http://rh-w.blogspot.com dengan alamat url blog anda.
anda bisa mengganti angka-angka yang berwarna biru.

Bagi anda yang ingin bertanya, silahkan tanyakan di kotak komentar di bawah artikel ini.

Keyword:
cara membuat menu di website
cara membuat link download di website
cara membuat menu website
cara membuat java script sendiri
cara membuat menu drop down di blogspot
cara cepat membuat twitter
cara membuat menu horizontal blog
cara membuat link sendiri
cara membuat horizontal menu
cara membuat template pada blog
cara membuat menu dropdown di blogspot
cara membuat drop down
cara membuat blog website gratis
cara membuat menu dropdown di blog
cara membuat website blogspot
cara membuat kotak tukar link
cara membuat menu drop down
cara membuat teks
cara membuat menu dropdown
cara membuat buku tamu pada blog
cara membuat recent comment di blog
membuat recent post di blogger 
membuat recent comment di blog
membuat recent post di blogger
 

Update Terkait: Cara Membuat Widget Recent Comments Pada Blogger