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 semuanya adalah Gratis, dan kalian di ijinkan untuk mereshare ulang dg menyertakan link sumber dari Pehawe Dan kami tidak pernah meminta donasi atas apa yg kami bagikan. Trims

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 sobat ingin berkomentar dengan format css, js dan html silahkan Parse terlebih dahulu.
Show Parser
Open Comments