langkah-langkah membuatnya adalah sebagai berikut:
1.Login ke akun blogger anda
2.Klik menu TATA LETAK (bagi yang menggunakan antarmuka blogger yang lama,klik RANCANGAN)
3.Klik Tambah Gadget (tidak harus tambah gadget baru sih sebenarnya)...
4.Pilih HTML/Javascript
5.Masukan kode berikut
<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://www.ALAMAT WEB/BLOG ANDA/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>
NB : Ganti tulisan yang saya beri warna kuning dengan alamat web/blog Anda
6.Klik SIMPAN
7.Selesai
mudah bukan??! selamat mencoba,,
sekian, semoga bermanfaat.........
Home
tips dan trik
Cara membuat Recent Post Bergerak dengan thumbnail
Cara membuat Recent Post Bergerak dengan thumbnail
Selasa, 03 April 2012
Label:
tips dan trik
0 komentar:
Speak up your mind
Tell us what you're thinking... !