October 15, 2016

Cara Sederhana Menampilkan Komentar yang Tidak Tampil Sebelumnya

Cara Sederhana Menampilkan Komentar yang Tidak Tampil Sebelumnya
POSTING Cara Sederhana Menampilkan Komentar yang tidak Tampil Sebelumnya ini sebenarnya ketika blog saya yang satu lagi rada ngadat (^_^), karena komentar para Sahabat blogger tidak tampil. Yang ada hanya jumlah komentar doang tapi tidak disertai dengan orang atau siapa yang komentarnya. 


Agak bingung juga sih dan rada panik dikit tapi gak bingung-bingung amat sih (^_^), kan ada Om Google buat searching (^_^). Saya cari-cari dari blog yang sudah master seperti blog Om CB (Contoh Blog) tapi gak berhasil juga. Mungkin karena tidak cocok dengan template saya. Padahal sudah pakai rumus-rumus html segala. Wah bagaimana ini dalam hati.


Tapi tenang pertolongan akhirnya datang juga. Posting ini sekedar “menyimpan dan menjaga” tips blogging tentang Cara Sederhana Menampilkan Komentar yang tidak Tampil Sebelumnya yang di-share tipsseomudah yang empunya Mbak Nunung Sulistyowati. Mudah-mudahan yang punya blog tambah sukses saja, amin. 


Blog saya kondisi sebelumnya seperti Gambar 1 di bawah ini, hanya jumlah komentar saja yang tampil.


To the point saja ya, begini caranya:

Cara Sederhana Menampilkan Komentar yang tidak Tampil Sebelumnya

  1. Login ke blog Anda, lalu buka dashboard blog.
  2. Klik yang namanya Setelan, kemudian klik Pos, komentar, dan berbagi.
  3. Cari tulisan Komentar Google+, lalu pilih Tidak seperi pada (Gambar 2, ada tanda panah bulatan warna merah).
  4. Kemudian Simpan/Save jangan lupa.


Sebenarnya ada 2 cara sederhana. Selanjutnya yaitu:
  1. Masih di Setelan blog Anda.
  2. Cari tulisan Lokasi Komentar ?, ke kanan ada tulisan Jendela Munculan.
  3. Lalu pilih Jendela Munculan, seperi (pada Gambar 3, ada tanda panah bulatan warna merah).
  4. Sebetulnya kalau pilih Tersemat juga tidak apa-apa, sebab di beberapa blog masih bisa tampil komentarnya.
  5. Terakhir simpan/save, silahkan cek blog Anda dan lihat hasilnya seperti pada (Gambar 4).




Berhasil, akhirnya blog saya tampil juga komentarnya. Senang sekali rasanya bisa ngoprek-ngoprek blog sendiri, walau hasil keliling sana keliling sini. Semoga bermanfaat. Happy Blogging.

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