23.49
Unknown
Setelah mencoba dari beberapa sumber, saya mendapat yang sangat simple dan mudah, saya dapat dari http://giga-watt.blogspot.com, trimakasih ilmunya, semoga bermanfaat juga buat sobat yang lain.
langkah-langkahnya, silahkan simak berikut ini.
1. silahkan login dulu ke blog kalian.
2. kalau sudah silahkan langsung ke Tata letak pilih atau taruh di sidebar ya...jangan yang lain. lalu pilih widget JavaScript/HTML
3. silahkan masukkan kode dibawah ini.
<style type="text/css">untuk warna merah silahkan ganti dengan alamat url sobat.
#rp_plus_img{height:328px;overflow:hidden;border:solid 1px #000000;padding:6px 10px 12px 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -opera-border-radius: 5px; -webkit-border-radius: 5px;}
#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:70px;padding:0px;list-style:none;}
#rp_plus_img a{color: #357798;}
#rp_plus_img .news-title{display:block;font-size:11px;font-weight:bold !important;color:#B45F04;text-align:left;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#000000;text-align:left;}
#rp_plus_img img{float:left;margin-right:5px;padding:4px;border:solid 1px #357798;width:40px;height:40px;}
</style>
<script src="http://kodegigawatt.googlecode.com/files/recentpostslider.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 25;
var numchars = 60;
</script> <script src="http://terasdwi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script>
atur warna dan ukuran sesuaikan dengan templete.
atur jumlah postingan sesuai selera
atur karakter discription yang ingin ditampilkan
Catatan : Jika tdk mau jalan berarti templete sobat belum ada JQuery nya.
Jika templete anda belum ada JQuery nya letakkan kode dibawah ini tepat diatas </head> untuk menjalankannya.
<script src='http://yandex.st/jquery/1.5.2/jquery.min.js' type='text/javascript'/>
<script src='http://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js' type='text/javascript'/>
Silahkan di save dan lihat hasilnya.
Cara ini sudah saya coba di blog saya http://www.indivanews.com/
Posted in: INTERNET-BLOGGING
0 komentar:
Posting Komentar