Cara Memasang Slideshow Artikel Terbaru di Blog

Hai sobat Blogger.. Beberapa waktu yg lalu waktu saya lagi Googling, saya nemuin artikel menarik, dan saya berminat untuk memasangnya di Blog saya. Artikel itu "Memasang Slideshow Artikel Terbaru di Blog". Kali ini saya akan share ama sobat Blogger semuanya. Langsung aja. Lets cekidot.. ^__^

Cara memasangnya:

1. Login ke akun Blog kamu
2. Pilih tata letak
3. Kemudian klik tambahkan Gadget
4. Pilih HTML/Jacascript
5. Copy-paste kode di bawah ini:


<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-version.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Keterangan:
#EFFBEF; Warna saat disorot kursor
#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan

      6.  Save

Sumber: http://tugasku-4u.blogspot.com

Posted in: Tutorial Blog