Cara Membuat Recent Comment Dengan Foto

Cara Membuat Recent Comment Dengan Foto - Assalamualaikum sobat semua, kembali lagi bersama saya di blog mestiqui ini, dan sekarang kita akan mencoba tutorial untuk membuat recent comment (komentar terbaru) di blog, dan menurut saya recent cooment ini bisa membantu sobat lebih cepat untuk membalas komentar dari pengunjung blog sobat.

Recent Comments ini dilengkapi dengan avatar (gambar) sehingga akan lebih menarik lagi ^_^. Widget recent comments ini dilengkapi agar profil admin (author) blog tidak tampil di recent comments ini, karena biasanya profil author muncul di widget recent comment, kalau ini tidak sob, jadi yang nongol profil pengunjung semua deh, hehehehe.

Kode script ini saya dapat langsung di blognya kang ismet (sang master), dan saya yakin bahwa kode-kode ini merupakan yang terbaik dari yang terbaik ^_^ hehehehe, jadi kalau sobat memasangnya sudah tidak perlu ragu lagi yah ^_^ langsung pasang aja gak usah kelamaan, hahaha (nggak maksa lo !!).

Oke berikut ini kode untuk membuat recent comment (komentar terbaru) di blog sobat, dan semoga juga sobat senang dengan widget yang superr keren ini

<style scoped 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 Manarul';
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B4B3VzwqZnPEUndJcDktdTI0dDg//"></script>
<script type="text/javascript" src="http://www.mestiqui.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&&amp;max-results=20"></script>

Letakan kode script diatas di tambahkan gadget blog sobat, dan ganti nama "Ahmad Manarul" dengan nama admin blog, dan sobat boleh hosting sendiri di google drive atau hosting lainnya dengan mengganti kode berwarna merah tua.

 Sehingga hasilnya akan seperti yang ada di blog mestiqui.com ini, dan semoga artikel ini dapat membantu sobat untuk memecahkan Cara Membuat Recent Comment Dengan Foto, terimakasih, Wassalamualaikum.

Tweet