September 5, 2016

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://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.

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!


Sumber: http://www.infamous.web.id/2015/08/cara-membuat-recent-comment-v3-blogger.html
Previous Post
Next Post
Related Posts

27 comments:

  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
  13. Bermanfaat, bisa menambah pengtahuan. Ada juga Info Blog Review khusus di Blog LoveSpyco yang bisa menjadi referensi. Terima kasih..

    ReplyDelete
  14. terima kasih atas panduannya, semoga situs ini banyak pengunjungnya. Jangan lupa kunjungi https://www.instagram.com/rickyardiyantoo/

    ReplyDelete
  15. thank you for the post that you made it is very useful and very good and very interesting if you want to see something more interesting visit website https://login.mephi.ru/login?allow_anonymous=true&service=http://zoogtv.com/

    ReplyDelete
  16. Seriously a good deal of helpful info!
    please visit our website at https://www.instructables.com/member/natashaimoati3/?cb=1585515852 for more information

    ReplyDelete
  17. thank you for the post that you made it is very good and very interesting if you want to see more interesting things visit the website https://themeisle.com/blog/how-to-create-a-blog/

    ReplyDelete
  18. your post is very interesting and good and also very useful for me if you want to see more interesting things visit the website
    https://www.wishlistr.com/ivoryaheefo11https://orapages.com/ivoryaheefo11

    ReplyDelete
  19. artikiel ini sangat bagus dan bermanfaat.saya senang membaca nya,saya juga merekomendasikan salah satu web yang bagus. bisa anda kunjungi di website kami
    https://www.gaiaonline.com/profiles/alanaujiewa/44607090/

    ReplyDelete
  20. artikel ini membantu sekali, saya suka postinganmu, lanjutkan untuk memposting, jangan lupa kunjungi website kami https://magpile.com/@madelineufiaqo11/

    ReplyDelete
  21. This website provides a lot of good and useful information to read. therefore I like the content conveyed by this website. and I also have a good website recommendation judi Slot resmi indonesia

    ReplyDelete
  22. Mantap gan, berhasil di blog saya dengan langkah pertama. Saya sudah coba beberapa kode html tapi belum berhasil. Terima kasih gan.

    ReplyDelete