Cara Sederhana Menampilkan Recent Comment atau Komentar pada Blog

Mungkin bahasannya tentang Recent Comment atau Komentar sudah banyak dan basi bagi para blogger. Tapi tidak ada salahnya berbagi tips siapa tahu ada dari sahabat blogger yang belum mengerti tentang cara membuat dan menampilkan Recent Comment, terutama bagi blogger pemula. Sebetulnya ada beberapa cara yang bisa dipraktekkan dalam membuat recent comment widget. Banyak sekali dari para blogger senior yang sudah membahas tentang ini.

Saya akan memberikan 2 cara atau tips sederhana dalam membuat recent comment widget. 

Cara sederhana 1:

1. Masuk ke akun blogger
2. Pilih Tata Letak > Add Gadget > Feed (Lihat Gambar 1)
3. Lalu Copas kode ini http://kangtebesunarya.co.id/feeds/comments/default ke dalam box gadget konten (Lihat Gambar 2)
4. Ganti alamat url berwarna biru dengan alamat url Anda.
5. Kemudian centang kata Lanjutkan sehingga muncul (Lihat Gambar 3)
6. Atur sedemikian rupa terserah Anda, lalu Save/Simpan.
7. Lihat hasilnya kira-kira seperti (Gambar 4).

Sentuh Gambar untuk memperbesar gambar.

Cara Sederhana 2:

1. Masuk ke akun blogger
2. Pilih Tata Letak > Add Gadget > HTML/Javascript
3. Lalu Copas kode di bawah ini ke dalam box gadget konten tsb

<style type="text/css" scoped>

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

.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}

.allbloggertricks_recent li:hover{border:1px solid #ddd;

-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }

.allbloggertricks_recent a {text-decoration:none;}

.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;width:35px;height:35px}

.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

    var

 numComments  = 10,

 showAvatar  = true,

 avatarSize  = 35,

 roundAvatar = true,

 characters  = 40,

 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

 hideCredits = true;

 maxfeeds=50,

 adminBlog='Your Name';

//]]>

</script>

<script type="text/javascript" src="http://files.allbloggertricks.com/Scripts/abt-recent-commentsv3.js"></script>

<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">

</script>

      4. Jangan lupa simpan/save, dan lihat hasilnya seperti Gambar 5.

Konfigurasi Widget:

1. numComments - menampilkan jumlah komentar.
2. showAvatar - untuk menampilkan avatar komentar, ganti 'false' untuk menghilangkan.
3. avatarSize - ukuran avatar pada komentar dalam pixel.
4. roundAvatar - membuat avatar menjadi Bulat, ganti 'false' untuk normal.
5. characters - banyaknya karakter dlm komentar yg ditampilkan.
6. defaultAvatar - gambar default avatar komentar.
7. adminBlog - ganti dengan nama 'Admin Blog' anda, untuk menyembunyikan komentar admin.

Demikian tips ini Cara Sederhana Menampilkan Recent Comment atau Komentar pada Blog saya sampaikan, hanya sekedar sharing informasi buat sahabat blogger yang mungkin ada yang belum faham tips ini. Semoga bermanfaat, tertarik? Selamat mencoba dan good luck!

Sumber: http://www.infamous.web.id/2015/08/cara-membuat-recent-comment-v3-blogger.html