Home » , , , » Cara Sederhana Menampilkan Recent Comment atau Komentar pada Blog

Cara Sederhana Menampilkan Recent Comment atau Komentar pada Blog

Kolom Komentar
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://www.kangtebe.net/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.

Add Gadget Feed Memasukkan Alamat Url Feed
Pratinjau Feed Contoh Hasil Recent Comment atau Komentar
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.

Kolom Komentar
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! (kangtebe.net).*


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

14 komentar:

  1. Bagus banget tuh Kang untuk tampilannya..pokoknya kerennnn..hehee

    ReplyDelete
  2. Hehee.. Makasih Bang Syahran udh mampir.. Belajar sana sini Bang..

    ReplyDelete
  3. cara 1 lebih ringkas dan mudah

    ReplyDelete
    Replies
    1. @Obat Sakit, betul kawan, makasih dah mampir.

      Delete
  4. Jujr keren bingittttttt.

    ReplyDelete
    Replies
    1. Aina@ Hehee.. Makasih ya dah mampir.

      Delete
  5. Hal ini sering saya alami kang, recent comment tidak muncul di kolom komentar. Dengan tips sederhana ini saya akan mencoba menerapkan caranya bila tidak muncul. Terimakasih.

    ReplyDelete
  6. Senna@ Iya Kawan, sok monggo dicoba, heheee.

    ReplyDelete
  7. Iya nih kang, saya blogger pemula, tentu banyak yang belum di pahami / di mengerti. Seperti halnya menampilkan recent comment di postingan saya. Tapi, kini saya tidak khawatir lagi bila kendala ini terjadi, saya akan coba lakukan cara-cara seperti di atas.

    ReplyDelete
  8. Dini@ Yups Dini silahkan dicoba saja, Trims sdh mampir.

    ReplyDelete
  9. Iya kang, recent comment yang tidak muncul kadang menjadi salah satu kendala untuk para blogger pemula seperti saya. Dan saya rasa, saya akan sangat memerlukan cara / tips menampilkan recent comment seperti ini.

    ReplyDelete
  10. Iya nih kang, saya sering mengalami masalah ini dimana "recent comment tidak muncul di komentar blog". Mungkin saya akan mencobanya. Thanks

    ReplyDelete
  11. Fera@ Silahkan dicoba mudah sekali kok caranya.

    ReplyDelete
  12. Informasinya sangat bermanfaat khususnya untuk para blogger seperti saya.

    ReplyDelete

loading...