Sabtu, 16 Februari 2013

Membuat Recent Comment Dengan Scroll



recent+comment
SECRET ME  - ya sobat kali ini saya akan berbagi bagaimana cara membuat recent comment dengan scroll seperti Secret Me  Blog gambar bisa di lihat di atas.. :) ,sebenarnya banyak fariasi macam-macam membuat recent comment, tapi saya akan berbagi kode script recent comment yang ada di Secret ME Blog, oke langsung saja ke caranya..
  1. pastinya masuk ke dashboard blogger sobat
  2. masuk ke tata letak
  3. tambah gadget
  4. lalu cari HTML/JavaScript
  5. dan masukan kode berikut..
  6. lalu save.. :)
<div style="overflow:auto; width:100%px; height:250px; padding:0px; border:1px solid #999999;">
<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
}
</style><script type="text/javascript">
ava_mode = "all";
var cm_num = 10;
var cm_desc = 13;
var homepage = "http://zhalltrozans.blogspot.com/";
</script>

<script src="http://youdhie.googlecode.com/files/Recent%20Comment%20Thumbnail.js " type="text/javascript"></script>

</div>

keterangan:
  1. kode yang berwarna Orange itu adalah kode untuk mengaktifkan Scroll di Recent comment, jika sobat tidak memakai kode tersebut, tidak apa-apa tapi nanti recent comment yang di buat tidak ada tampilan scrollnya..
  2. kode yang berwarna Biru itu adalah kode untuk menampilkan beberapa komentar yang akan tampil di recent coment, sobat bisa mengubahnya sesuka hati.. :)
  3. kode yang berwarna Hijau itu adalah kode untuk menampilkan jumlah setiap kata-kata dari komentar tersebut, sobat juga bisa mengubahnya sesuka hati.. :)
  4. kode yang berwarna Kuning itu adalah kode untuk menghubungkan recent comment kepada blog sobat, sobat bisa ganti dengan URL blog sobat.. :)
selamat mencoba sobat ,semoga artikel ini bermanfaat untuk sobat semuanya.. :)

Suka Dengan Artikel Ini ?

1 komentar:

  1. panjang juga ya caranya bro. tapi hasilnya mantep juga

    BalasHapus

Blog Ini Adalah Blog Dofollow

Silahkan Comentar asal tidak Spam :)

Jangan Lupa Tekan G+ nya ya :)

 
 
Copyright © 2013. Secret Me Comunnity - All Rights Reserved
Design by Luhur Muhammad Fatah | Powered By Blogger.com