Sunday, May 22, 2016

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.

Cara Memasang Widget Recent Comment di Blogger

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.

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>

Ganti Angka yang ditandai dengan jumlah angka yang sobat inginkan
Silahkan di kembangkan sendiri ;)

Demikian Tutorial Cara Membuat Widget Recent Comment Untuk Blogger , Semoga bermanfaat.