Sebenarnya saya sebelumnya sudah memposting mengenai cara
memasang slideshow ini di permathic blog. namun belakangan script slideshownya
tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang
tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba
memperbaikinya. saya utak atik sampai
cenat cenut scriptnya, akhirnya saya mendapat script kode slideshow yang lebih
simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar
ada tidak penasaran , berikut langkah2nya.
1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau
Pilih Tata Letak (untuk tampilan blogger terbaru)
3. Kemudian Klik
Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di
HTML/javascript tadi. kemudian simpan/save.
<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</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://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script>
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 = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Bagi anda yang ingin melihat contoh slideshownya, bisa anda
lihat di sidebar sebelah kanan Permathic Blog. Semoga bisa sukses slidenya
dengan script yang baru ini. terimakasih.
0 komentar:
Posting Komentar