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..
- pastinya masuk ke dashboard blogger sobat
- masuk ke tata letak
- tambah gadget
- lalu cari HTML/JavaScript
- dan masukan kode berikut..
- 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>
<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:
- 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..
- kode yang berwarna Biru itu adalah kode untuk menampilkan beberapa komentar yang akan tampil di recent coment, sobat bisa mengubahnya sesuka hati.. :)
- kode yang berwarna Hijau itu adalah kode untuk menampilkan jumlah setiap kata-kata dari komentar tersebut, sobat juga bisa mengubahnya sesuka hati.. :)
- 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 ?
Anda baru saja membaca artikel yang berkategori Informasi
dengan judul "Membuat Recent Comment Dengan Scroll". Anda bisa bookmark halaman ini dengan URL http://petotdotcom.blogspot.com/2013/02/membuat-recent-comment-dengan-scroll.html.
panjang juga ya caranya bro. tapi hasilnya mantep juga
BalasHapus