Cara Membuat Recent Comment Bergambar Keren di Blog
Cara Membuat Recent Comment Bergambar Keren di Blog - Recent comment merupakan komentar-komentar terbaru yang ditulis oleh visitor blog maupun admin blog. Widget recent comment sejauh ini tidak disediakan oleh Blogger, sehingga apabila kita ingin memasangnya, kita harus membuatnya sendiri. Fungsi recent comment ini sangat banyak sekali. Salah satunya adalah dapat memberikan kemudahan bagi admin blog untuk mengetahui komentar-komentar yang baru saja diberikan oleh visitor blog. Selain itu, eksistensi widget recent comment juga dapat mempercantik performa blog kita. Kita bisa memasang widget tersebut disidebar blog ataupun dihalaman khusus untuk recent comment. Semua itu terserah anda, karena selera masing-masing berbeda.
Dalam kesempatan kali ini, saya akan menjelaskan bagaiamana cara membuat recent comment di blog pribadi anda, lebih spesifiknya recent comment bergambar, yang mana selain nama komentator yang ditampilkan, juga foto komentator juga ditampilkan. Berikut merupakan contoh widget recent comment bergambar.
Untuk membuatnya, caranya relatif mudah. Silahkan anda ikuti tutorial yang akan saya jelaskan berikut ini. Mohon disimak baik-baik ya agar tidak salah dalam mempraktekkanya.
Cara Membuat Recent Comment Bergambar Keren di Blog
1. Silahkan Log in terlebih dahulu di blogger. Kemudian silahkan anda menuju Dashbor.
2. Silahkan pilih Menu Tata Letak, kemudian pilih Tambah Gadget. Setelah itu, silahkan Pilih Tambahkan Widget HTML/JavaScript.
3. Langkah selanjutnya silahkan Copy seluruh kode berikut ini dan Paste-kan kedalam Widget HTML/JavaScript. Kemudian Klik Save dan lihat hasinya.
<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, /* Jumlah yg ditampilkan */
showAvatar = true,
avatarSize = 30,/* ukuran icon gambar */
characters = 60, /* Jumlah ringkasan */
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true; /* ringkasan yang di tampilkan */
//]]>
</script>
<script type="text/javascript" src="http://creativeblog.googlecode.com/files/recent%20comment.js"></script>
<script type="text/javascript" src="http://cara-ririn.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>
Keterangan:
Kode warna biru adalah jumlah komentar yang ditampilkan
Kode warna kuning adalah ukuran gambar komentator
Kode warna ungu adalah jumlah karakter tulisan komentar
Kode warna hijau adalah ringkasan komentar yang ditampilkan, apabila ringkasan komentar tidak ingin ditampilkan, silahkan ganti dengan false
Kode warna merah adalah alamat blog anda
Demikian panduan tentang Cara Membuat Recent Comment Bergambar Keren di Blog atau komentar terbaru untuk blogspot yang dapat saya sampaikan untuk anda sekalian. Semoga dapat bermanfaat untuk anda. Selamat mencoba dan semoga berhasil. Salam blogger.
Categories:
Blogging
5 komentar:
kok gak bisa di copy ya? warna nya bisa di rubah gk
Untuk menyalin kode script diatas, anda bisa klik link Klik Disini. Warna nya bisa di ubah-ubah sesuai selera mas :)
oooo..gitu ya..caranya membuat Recent Coment di Blogspot
Iya silahkan dicoba mas wahid :)
ini baru lagi ya? kok sudah nongol di halaman satu..
keren banget..
Post a Comment