Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Monday, May 6, 2013

Cara membuat recent comment bergambar

Cara membuat recent comment bergambar
Coment Post adalah tampilan semua komentar pada setiap artikel yang telah dikomentari pengunjung blog. Hal ini berguna juga untuk mempercantik serta pengunjung dapat mengetahui comentar yang masuk diblog anda.
Pada tutorial kali ini saya akan menjelaskan cara pembuatan/tampilan dari Coment Post untuk blog kesayangan anda, yang disertai dengan gambar dan scroll.
  • Login ke blog anda
  • Pilih tata letak untuk membuka layout blog anda
  • Tempatkan sesuai selera, Pilih element laman anda dengan tambah gadget
    ( add gadget )
  • Langkah berikutnya pilih HTML/Javascript. lalu salin code scrip yg dibawah ini kemudian Paste di gedget HTML/Javascript yang baru anda buat.


<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="ALAMAT BLOG ANDA/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>



Keterangan script :


 [ numComments = 5 ] adalah jumlah maksimum post yang ingin ditampilkan
 [ hideCredits = true;] ganti "true"  dengan "false" jika tidak mau disertai ringkasan
 [ characters  = 60, ] adalah jumlah karakter ringkasan post Anda.
 [ ALAMAT BLOG ANDA ] Ganti dengan alamat (url) blog anda.
[ avatarSize  = 30,] Ukuran gambar.


Tutorial diatas adalah cara membuat atapun menampilkan Recent Post pada blog, semoga dengan keterangan yang begitu singkat itu anda dapat membuat serta lebih memahami cara pembuatan/menampilkan Recent Post diblog anda.

NB : Bila ada kesulitan dalam pembuatan Recent Post ini, silahkan anda tanya melalui form komentar dibawah ini, kita akan share bersama. Saya mohon maaf jika masih banyak kekurangannya. 

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 9:07 PM

0 komentar :

Post a Comment

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog