Skip to main content

follow us

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.

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.
Disclaimer : Semua Konten yang kami bagikan adalah Gratis, dan untuk mereshare ulang Artikel ini silahkan sertakan link sumber dari Pehawe.

You Might Also Like:

Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Jika ingin berkomentar dg format css, js dan html silahkan Parse terlebih dahulu.
Show Parser
Buka Komentar
Citchat