Friday, December 11, 2015

Tutorial Cara Membuat Arsip Komentar dengan Scroll di Blogger

ZT Blog
Sobat kali ini saya akan berbagi bagaimana cara membuat recent comment dengan scroll seperti Z-T 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 Z-T 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.. :)

No comments:

Post a Comment

Official Virgozta