Home » , , » Cara Membuat dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML

Cara Membuat dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML

Written By Ku Copas on Thursday, 9 August 2012 | 8/09/2012 07:23:00 am

KUCOPAS - Cara Membuat Dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML. Setelah kemarin saya telah memberikan tips tutorial blog tentang Cara Membuat Dan Menambah 2 (Dua) Kolom Elemen Di Bawah Postingan Blog, kali ini saya akan berbagi tips dan trik lagi yang cukup ringan namun semoga saja dapat sangat bermanfaat untuk sobat pembaca semua.

Tips dan triknya adalah tentang cara membuat dan memasang recent comment di blog tanpa edit HTML. Sedikit pencerahan maupun pengertian untuk sobat yang mengikuti dan membaca posting ini, bahwa Recent Comment yang akan saya kasih triknya adalah Recent Comment yang bagus, karena Recent Comment ini mempunyai fungsi akan menampilkan foto dari empunya yang comment di blog sobat, Recent Comment berarti Comment yang paling akhir pada semua postingan yang di kirim pada blog sobat.

Cara memasang widget recent comment diblog terbilang sangat mudah, karena sobat tidak perlu repot-repot meng-edit template yang mungkin sangat rumit untuk menempatkan kode script tersebut. Tampilan recent comment ini sangat enak dipandang, dinamis, tidak amburadul dan tentunya sedap di pandang mata oleh para pengunjung blog sobat.

Fungsi yang selanjutnya dari memasang recent comment ini diblog adalah untuk memudahkan sobat agar lebih cepat untuk mengetahui comment paling terbaru yang masuk di blog sobat yang di kirim oleh pemirsa atau pengunjung blog, dan tentunya sobat tanpa susah-susah mencarinya satu-persatu didalam semua postingan blog sobat. Sehingga sobat bisa lebih cepat untuk membalas comment dari para pengunjung blog. Karena menurut para Master blogger, membalas comment dari pemirsa atau pengunjung blog adalah sifat yang etis, peduli, dan bersungguh-sungguh dalam mengurus blog. Because, "Visitor is Money".

Tampilan dari Recent Comment yang akan kita buat dan pasang ini kurang lebih akan seperti gambar screenshot di bawah ini.

Cara Membuat dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML

Jika sobat tertarik untuk memasangnya diblog sobat, maka ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >> Login/Masuk ke Blog dengan akun sobat.
2. Kemudian pada Dashboard blog, pilih Menu >> Layout/Tata Letak.
3. Setelah itu sobat pilih atau tentukan dimana kira-kira widget Recent Comment akan sobat taruh atau letakkan. Pilih >> Add Gadget/Tambah Gadget. Lalu pilih >> HTML/Javascript.
4. Silahkan Sobat Masukkan semua Code Script di bawah ini pada kotak HMTL/Javascript.
<div style='padding: 5px; overflow: auto; width: auto; height: 200px;border:1px solid #000000'>
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://kucopas-js.googlecode.com/files/RecentCommentAvatar.js"></script>
<script type="text/javascript" src="http://kuc0pas.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
</div>
Catatan:
  • height: 200px; adalah ukuran Tinggi kotak scroll, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
  • max-results=5 : adalah jumlah komentar yang akan ditampilkan pada blog sobat.
  • avatarSize = 50 : adalah ukuran pixel foto atau gambar (avatar) yang akan di tampilkan.
  • characters = 60 : adalah Jumlah karakter huruf komentar yang akan di tampilkan.
  • Warna Merah : Silahkan ganti dengan alamat URL blog sobat.
5. Langkah yang terakhir jangan lupa sobat kasih judul lalu klik >> SIMPAN dan lihat hasilnya.

Cara membuat dan memasang recent comment di blog dengan di sertai foto atau gambar avatar telah selesai. Sekarang sobat sudah memiliki widget recent comment yang terpasang di blog, semoga sobat tidak menemui kesulitan lagi untuk mencari-cari comment terbaru yang di kirim pada blog sobat.

Demikian trik Cara Membuat dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML yang dapat saya share, semoga bisa bermanfaat untuk sobat KUCOPAS semua.

Artikel Terkait:

thumbnail Title: Cara Membuat dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML
Posted by:Ku Copas
Published :2012-08-09T07:23:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Membuat dan Memasang Widget Recent Comment Di Blog Tanpa Edit HTML
Comments
12 Comments

12 comments:

  1. makasih gan infonya hehe siiph pokoke....kunjungi balik ya...hehehe

    ReplyDelete
  2. siiippp... kunjungan balik siap meluncur sob...

    ReplyDelete
  3. Mantaf Cay, ini yang Ane cari-cari.
    Thanks... Cay.

    ReplyDelete
  4. Replies
    1. Kode js nya sudah saya update sob...
      silahkan di praktekkan kembali.
      di jamin berhasil 100%

      Delete
  5. Mantab sob. udah aku pasang di blog aku. di tunggu kunjungan baliknya sob.

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. numComments = 5
    max-results=5

    klo mau lebih dari 5 komentar di ubah nilai ke dua kode di atas. but nice info sob.

    ReplyDelete
  8. Makasih gan, recent komenku pake punya agan

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger