Cara Membuat Recent Comment di Blog

Cara Membuat Recent Comment di Blog-Di Bulan Ramadhan yang penuh berkah ini , kali ini saya akan share kepada Bagaimana cara membuat widget Recent comment di blogger. Sobat pasti tidak asing lagi dengan yang namanya recent comment-Recent comment merupakan salah satu widget yang menampilkan pesan para komentar agar tampil di sidebar atau footer atau dimana anda ingin menempatkan diblog anda recent comment juga berfungsi untuk mempermudahkan kita mengetahui informasi ter-update comment tanpa harus login dulu ke blog.

Berikut Panduan Cara Membuat Recent Comment di Blog . ikuti langkah-langkah Cara Membuat Recent Comment di Blog di bawah ini dengan seksama :

1. Masuk / login ke Akun Blogger anda

2. Pilih menu Template => EDIT HTML

4. Tambahkan Gadget ( anda dapat menambahkan widget/gadgetnya di posisi yang anda inginkan )

5. Kemudian Pilih HTML/Java Sript

6. Copy dan paste kode di bawah ini didalam HTML/Java Sript tersebut

<style type="text/css">

    ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}

    .sakahayang_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;}

    .sakahayang_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;}

    .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

    .sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    // Recent Comments Settings

    var

 numComments  = 5,

 showAvatar  = true,

 avatarSize  = 30,

 roundAvatar = true,

 characters  = 40,

 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

 hideCredits = true;

 maxfeeds=20,

 adminBlog='Ahmad Suyadi';

//]]>

</script>

<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>

<script type="text/javascript" src="http://ahmadsuyadi.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>

Keterangan kode di atas sebelum anda menyimpanya :

-Ganti  adminBlog='Ahmad Suyadi'; dengan nama Anda

-Ganti http://ahmadsuyadi.blogspot.com/ dengan URL Blog sobat

7. Simpan Template dan Lihat hasil perubahanya

Demikian artikel tentang Cara Membuat Recent Comment di Blog semoga bermanfaat bagi anda , apabila ada masalah dalam Cara Membuat Recent Comment di Blog jangan sungkan-sungkan untuk bertanya di kotak komentar saya , sekian wassalamualikum warrohmatullahi wabarokaatuh

** SELAMAT MENCOBA **