Tutorial Blog dan Tips AdSense

Dijual rumah di Jakarta Timur, selengkapnya klik di sini

Cara Membuat Widget Recent Comments Pada Blogger

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
 

Tag : Tips Blogger
5 Komentar untuk "Cara Membuat Widget Recent Comments Pada Blogger"

Nice share gan , :)
happy blogging .& salam kenal

thks infonya gan!
jadi tambah ilmu baru :)

Keren nih widget nya, kebetulan saya sudah pernah pakai widget yang seperti ini! Thanks for share.. :)

Saya minta agar anda tidak memakai akun Anonim untuk berkomentar, gunakan akun anonim hanya saat anda sedang dalam keadaan darurat, saya minta juga untuk tidak menggunakan kata-kata kasar dalam berkomentar. Terimakasih atas perhatiannya.