Iklan

Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger

Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger

Salam Blogger, Artikel kali ini tentang Membuat Widget Recent Comments dengan Avatar untuk Blogger. Widget ini akan menampilkan cuplikan komentar terbaru diposting di blog Sobat  bersama dengan judul posting. Ini juga merupakan widget yang baik agar mendorong pembaca untuk rajin berkomentar di blog Sobat. Sebelum memasang widget ini di blog Sobat, Sobat juga dapat dengan mudah menyesuaikan bagaimana Sobat ingin meletakkan widget agar  muncul di blog Sobat seperti jumlah komentar yang ingin ditampilkan, ukuran komentar, apakah atau tidak untuk menampilkan nama pos dan tanggal pada komentar.

Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger

Cara Install Widget Recent Comments di Blogger Blog Anda

1. Pergi ke daftar Blog Dashboard >> Layout >> Tambah Gadget >> HTML / JavaScript.

2. Copy dan paste kode berikut ke dalam HTML / JavaScript ( kotak ).
 

<style type="text/css">
     ul.bloggingpasuruan_recent_comments{list-style:none;margin:0;padding:0;}
     .bloggingpasuruan_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;}
     .bloggingpasuruan_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;}
     .bloggingpasuruan_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
     .bloggingpasuruan_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     = 5,
     showAvatar     = true,
     avatarSize     = 60,
     roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = false;
//]]>
</script>
<script type="text/javascript" src=" https://bloggingpasuruan-widget-recent-comment.googlecode.com/svn/recentcomment-avatar.js "></script>
<script type="text/javascript" src="http://bloggingpasuruan.blogspot.com/feeds/comments/default?alt=json&callback= bloggingpasuruan_recent_comments&max-results=5"></script>

Kustomisasi Widget Komentar Terbaru Recent Comments


1. numComments = 5, dan max-results = 5 >> Ubah 5 sampai jumlah komentar terakhir yang ingin ditampilkan di blog Anda
2. characters     = 40, >> Ubah 40 dengan jumlah komentar karakter kutipan yang ingin ditampilkan.
3. Anda harus mengubah http://bloggingpasuruan.blogspot.com dalam kode dengan URL alamat Blog Sobat.

4. Simpan dan lihat hasilnya

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Membuat Widget KOMENTAR TERBARU ( Recent Comments ) dengan Avatar untuk Blogger.  Semoga bermanfaat dan terima kasih..

Next
Prev Post
Previous
Next Post

29 comments:

  1. gan komentar saya kok hilang ya
    komentar ini lo gan yang buat komen gimana nih gan

    ReplyDelete
  2. Komentarnya gak muncul padahal sudah pakai ngikuti cara diatas, bisa di bantu gak gan?

    ReplyDelete
    Replies
    1. Cara Mengatasi Recent Comments yang tidak Muncul
      1. Log In / Masuk ke akun blog,
      2. Klik Menu "Setting",
      3. Klik "Site Feed",
      4. Pada Tulisan "Allow Blog Feeds" pilih dengan mengklik tanda panah tulisan "FULL" yang berada paling bawah.
      5. Kemudian klik "Save Settings" pada bagian bawah.

      Delete
    2. Oh feed nya harus full ya mas biar muncul, pantesan saya nyoba ga muncul

      Delete
  3. Jika anda tetap tidak ingin kotak komentar muncul di blogspot anda, tetapi pada saat berkomentar di blog lain tetap dapat dilakukan, maka agar komentar anda bisa muncul, pada setting komentar jangan memilih "Disembunyikan" tapi pilih "Munculan"


    Cara Merubah Setting Komentar Di Blogger

    Pertama Masuk ke blogger login dengan akun Google anda
    Kemudian Masuk ke Dashboard
    Pilih Stelan lalu pilih Pos dan Komentar
    Pilih Jendela Munculan, lalu save

    kalau cara di atas masih blom berhasil, yang pasti kode html pada template ada masalah..ini kalu di jelasin disini lumayan panjang... saran saya ganti template responsive saja

    ReplyDelete
  4. boleh di coba nih

    ReplyDelete
  5. boleh di coba nih

    ReplyDelete
  6. Bagaimana caranya agar Komentar balasan dari pemilik blog tidak ikut ditampilkan pada widget recent comment ini ....Mohon pencerahannya.

    ReplyDelete
  7. kenapa tidak muncul ya

    ReplyDelete
    Replies
    1. Cara Mengatasi Recent Comments yang tidak Muncul
      1. Log In / Masuk ke akun blog,
      2. Klik Menu "Setting",
      3. Klik "Site Feed",
      4. Pada Tulisan "Allow Blog Feeds" pilih dengan mengklik tanda panah tulisan "FULL" yang berada paling bawah.
      5. Kemudian klik "Save Settings" pada bagian bawah.

      Delete
  8. Kebayakan javascript bikin berat gan .... ada cara lain gak yang tampilannya seperti itu namun memakai fasilitas feeds coment...

    ReplyDelete
  9. mantap...salam dari pasuruan juga.. www.biboku.blogspot.co.id

    ReplyDelete
  10. wah kereen kang jadinya widget komentar terbarunyaa.. terima kasih kang sudah berbagi pengetahuan.. sangat bermanfaat untuk sayaa ^^

    ReplyDelete
  11. o feednya harus full

    tidak, terimakasih

    ReplyDelete
  12. wah blognya keren gan. aku sangat terbantu dengan isi blog ang agan buat. terimakasih gan. kunjungi blog saya juga ya gan di http://kaslans-store.co.id/
    dan follof blog saya. Baru belajar gan.

    ReplyDelete
  13. umpan balik http://www.sphoneverse.com/

    ReplyDelete
  14. Aku sudah coba pasang Scriptnya tapi tetap gk bisa... udah mengikuti petunjuk berikutnya juga tidak bisa..

    SALAM PEDIA

    ReplyDelete
  15. ijin coba visit back :D http://mastahbloging.blogspot.co.id/

    ReplyDelete
  16. tinggalkan jejak om ....
    http://hpaisuccess.blogspot.com

    ReplyDelete
  17. Thanks gan

    http://situskangcandil.blogspot.com

    ReplyDelete
  18. thank gan bagus sngt membantu tip nya http:// chikautama.blogspot.com

    ReplyDelete
  19. terima kasih min, gak muncul

    ReplyDelete