Sunday, 2 November 2014

Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger

Posted by on Sunday, 2 November 2014
Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger

Salam Blogger, Artikel kali ini tentang Membuat Widget Recent Comments dengan Avatar untuk Blogger. Widget ini akan menampilkan cuplikan komentar terbaru diposting di blog Sobat  bersama dengan judul posting. Ini juga merupakan widget yang baik agar mendorong pembaca untuk rajin berkomentar di blog Sobat. Sebelum memasang widget ini di blog Sobat, Sobat juga dapat dengan mudah menyesuaikan bagaimana Sobat ingin meletakkan widget agar  muncul di blog Sobat seperti jumlah komentar yang ingin ditampilkan, ukuran komentar, apakah atau tidak untuk menampilkan nama pos dan tanggal pada komentar.

Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger

Cara Install Widget Recent Comments di Blogger Blog Anda

1. Pergi ke daftar Blog Dashboard >> Layout >>Tambah Gadget >> HTML / JavaScript.

2. Copy dan paste kode berikut ke dalam HTML / JavaScript ( kotak ).
 

<style type="text/css">
     ul.bloggingpasuruan_recent_comments{list-style:none;margin:0;padding:0;}
     .bloggingpasuruan_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;}
     .bloggingpasuruan_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;}
     .bloggingpasuruan_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
     .bloggingpasuruan_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
 </style>
 <script type="text/javascript">
 //<![CDATA[
     // Recent Comments Settings
     var
     numComments     = 5,
     showAvatar     = true,
     avatarSize     = 60,
     roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = false;
//]]>
</script>
<script type="text/javascript" src=" https://bloggingpasuruan-widget-recent-comment.googlecode.com/svn/recentcomment-avatar.js "></script>
<script type="text/javascript" src="http://bloggingpasuruan.blogspot.com/feeds/comments/default?alt=json&callback= bloggingpasuruan_recent_comments&max-results=5"></script>

Kustomisasi Widget Komentar Terbaru Recent Comments


1. numComments = 5, dan max-results = 5 >> Ubah 5 sampai jumlah komentar terakhir yang ingin ditampilkan di blog Anda
2. characters     = 40, >> Ubah 40 dengan jumlah komentar karakter kutipan yang ingin ditampilkan.
3. Anda harus mengubah http://bloggingpasuruan.blogspot.com dalam kode dengan URL alamat Blog Sobat.

4. Simpan dan lihat hasilnya

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger.  Semoga bermanfaat dan terima kasih..

close