Cara menambahkan komentar (Recent Comments) pada sidebar blogspot

Sebelumnya terima kasih banyak telah berkunjung ke blog ini, walaupun ga sengaja nge klik ya kali :p

Pada kesempatan kali ini Saya akan berbagi tulisan tentang cara membuat recent comments di sidebar pada blogspot. Cara nya mudah kok, saya pernah mencari caranya namu mendapatkan hasil menambahkan kolom komentar dengan meng-edit html template, ribet, alasannya :

berisiko walaupun sebenarnya bisa saja di backup terlebih dahulu
mencari kodingnya, dimana koding untuk kolom komentar diletakkan di atas/bawah koding tertentu
2 kali kerja, mengedit html template terus nambah widget juga, hufftttttttt.......

Untuk menambahkan kolom komentar di sidebar sobat cukup menambahkan satu widget saja, tanpa meng-edit HTML Template dan bla bla bla. Caranya cukup mudah

Log In di Blogger.com untuk membuka blog sobat
Kemudian klik Layout
Add Gadget
Tambahkan kode berikut :

<div style="overflow:auto;width:100%;">

<style type="text/css">

ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}

.w2b_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;}

.w2b_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;}

.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

// Recent Comments Settings

var

numComments = 5,

showAvatar = true,

avatarSize = 40,

roundAvatar = true,

characters = 100,

defaultAvatar = "",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>

<script type="text/javascript" src="http://semtakung.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

</div>

5. Klik save

Setelah langkah-langkah tersebut telah terlaksana dengan baik dan benar coba refresh blog atau klik view blog di dashboard untuk melihat hasilnya. Dan kolom komentar pun telah muncul.

Sekian tutorial cara menambahkan recent comments pada sidebar di blogspot semoga bermanfaat buat sobat. Terima kasih :)

Oh iya ganti yang berwarna merah dengan kepunyaan sobat, yang lain menyesuaikan selera. Salam

Sumber : Seocips.com

baca juga Cara Membuat Contact Form di Halaman Statis Blogspot

Cara menambahkan komentar (Recent Comments) pada sidebar blogspot