Warung Bebas

Kamis, 09 Agustus 2012

Cara Membuat dan Memasang Recent Comment Di Blog Tanpa Edit HTML

 Cara Membuat dan Memasang 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 KUCOPAS 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 posting yang di kirim pada blog sobat.

 Cara memasang recent comment di blog sobat 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 di pandang, dinamis, tidak amburadul dan tentunya sedap di pandang mata para pengunjung blog kita.

 Fungsi yang selanjutnya dari memasang recent comment ini di blog sobat adalah untuk memudahkan sobat lebih cepat untuk mengetahui comment terbaru yang masuk di blog sobat yang di kirim oleh pemirsa atau pengunjung blog dan tentunya sobat tanpa susah-susah mencarinya satu-persatu dalam 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 di bawah ini:

Cara Membuat dan Memasang Recent Comment Di Blog Tanpa Edit HTML

 Jika sobat tertarik untuk memasangnya di blog sobat, Seperti yang sudah pasang di Sidebar blog ini, Silahkan ikuti langkah-langkahnya sebagai berikut:

1. Silahkan Sobat >> Login/Masuk ke Blog dengan akun Sobat.
2. Kemudian di Dashboard blog, Pilih Menu >> Layout/Tata Letak.
3. Setelah itu sobat pilih atau tentukan dimana kira-kira "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="https://masolis-javascript.googlecode.com/svn/trunk/rcentcmmntavr.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 recent comment yang terpasang di blog, Semoga sobat tidak ada kesulitan lagi untuk mencari-cari comment terbaru yang di kirim pada blog sobat.
Salam Blogger...


0 komentar em “Cara Membuat dan Memasang Recent Comment Di Blog Tanpa Edit HTML”

Posting Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger