Responsive Widget Recent Comment Blogger

Mas Design - Pada kesempatan kali ini saya akan berbagi turotial Bagaimana Cara Membuat Widget Recent Comment di Blogger tanpa mengotak atik settingan template sobat. Widget Recent Comment untuk Blog ini sangat cocok untuk di pasang di Blog sobat, dengan tampilan responsive dan fitur-fitur lainnya seperti gvatar dan yang lainnya.

Widget Recent Comment Blogger

Widget Recent Comment adalah sebuah Widget yang diperlukan agar pengunjung tetap berada di halaman blog. Widget recent comment ini selain menaruh link dan isi komentar juga terdapat avatar yang bulat di sampingnya.

Baca Juga

Cara Memasang Widget Recent Comment di Blogger

Pertama login ke akun Blogger > Pilih Tata Letak > Tambah Gadget > Pilih HTML/JavaScript > Copy dan Simpan Kode di bawah ini :

<style type="text/css" scoped> 
ul.ms_recent{list-style:none;margin:0;padding:0;} 
.ms_recent li{background:transparent;margin:0 0 6px!important;padding:3px  
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;} 
.ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.ms_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
.avatarRound{border-radius:100px;width:35px;height:35px} 
.ms_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;} 
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = False;
 maxfeeds=50,
 adminBlog='MS';
//]]>
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/zaiv/MasDzgn-html/master/Comment.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=ms_recent&amp;&amp;max-results=50">
</script>