Cara Membuat Widget Recent Comment di Blogger

Recent comment adalah widget yang menampilkan beberapa komentar pengunjung kita dalam satu Tab. Cara pemasangan nya bisa dibilang cukup mudah, karena anda tidak perlu merombak template anda. Anda hanya perlu copy kodenya lalu letakan di Tata letak/Layout, jadi jangan khawatir tidak bisa, cara ini sudah saya testing berhasil. Widget ini menurut saya berfungsi untuk menarik pengunjung juga ikut serta membaca artikel yang di komentari. Widget ini sangat ringan jadi anda tidak perlu khawatir blog anda menjadi lemot dll, ketika dibuka.

Screenshoot :

Cara Membuat Widget Recent Comment di Blogger

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Tata Letak/Layout.

3. Add a Gadget - Pilih HTML/JavaScript.

Proses Pembuatan :

1. Copy&paste kode berikut ini, dan letakkan di kolom HTML/Java Script.

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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  = 10,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://cdn.rawgit.com/hilmay619/md-blogger/master/recent-comment.js"></script>
<script type="text/javascript" src="http://maycyber-download.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

Wajib Baca :

Silakan anda ganti URL : http://maycyber-download.blogspot.com/ dengan URL Alamat blog anda.

2. Simpan Gadget.

Demikianlah Tutorial Blogger kali ini, Terakhir silakan anda lihat homepage anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Widget Recent Comment di Blogger

Share this post

Related Post