Full Akses: Cara Membuat Recent Comments Super Keren Dengan Gambar Terbaru

Assalamualaikum wr wb

Cara Membuat Recent Comments Dengan Gambar (Foto) - Pada Sore Kali Ini Saya akan Membuat Artikel tentang Cara Membuat Recent Comments Dengan Gambar (Foto) . langsung saja yah sobat, tips cara membuat "Recent Comments Dengan Gambar (Foto)".

Gambar atau Screenshot "Recent Comments Dengan Gambar (Foto)" kurang lebih gambar y seperti gambar di bawah ini.

Artikel Terkait :

Sebaiknya anda membaca dengan baik langkah yang telah diberikan dan jangan lupa backup template anda.

Ok Kita Langsung Praketekan , Langkah-Langkah Sebagai Berikut :

Login ke Blogger
Buat Widget / Gadget baru type HTML/JavaScript
Simpan kode dibawah ini

<style 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='Joko Purwanto';
//]]>
</script>
<script type="text/javascript" src="http://btreaders.googlecode.com/files/rcwanau.js"></script>
<script type="text/javascript" src="http://bebas-akses.blogspot.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>

4. Kemudian tambahkan kode jquery ini diatas kode </head>, jika dalam template kalian sudah
Perhatikan kode di atas, edit sesuai selera Anda
numComments = 5, (jumlah komentar yang ditampilkan)
showAvatar = true,
avatarSize = 30, (ukuran avatar dalam pixel)
roundAvatar = true,
characters = 40, (jumlah karakter yang ditampilkan)
defaultAvatar = " http://www.gravatar.com/avatar/?d=mm", (url avatar)
hideCredits = true;
maxfeeds=20, (feed yang di load, harus sama dengan maxfeeds)
adminBlog='Joko Purwanto'; (nama tampilan admin)
Ganti http://bebas-akses.blogspot.com dengan blog Anda, ganti max-results=20, harus sama dengan maxfeeds
Simpan

Penjelasan : maxfeeds adalah jumlah komentar yang di load oleh Json script, termasuk komentar admin. Maka jumlah maxfeeds harus lebih besar dari numComments, dan yang ditampilkan akan disaring tanpa komentar admin.

Demikian artikel saya tentang Cara Membuat Recent Comments Super Keren Dengan Gambar Terbaru 2014

SEMOGA BERMAFAAT
Waalaikumsalam wr wb