Cara Memasang Slideshows Postingan di Blog -
Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di rumpinet 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://rumpinetblog.googlecode.com/files/Slideshow%20Postingan.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 = 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 kiri Rumpinet Blog. Semoga bisa sukses slidenya dengan script yang baru ini. terimakasih.
Anda baru saja membaca artikel yang berkategori Cara - Cara /
Semua Tentang Blog /
Tips Blogger
dengan judul Cara Membuat Slideshow Postingan di Blog. Anda bisa bookmark halaman ini dengan URL http://rumpinet.blogspot.com/2012/12/cara-membuat-slideshow-postingan-di-blog.html. Terima kasih!
Ditulis oleh:
Nissa Wijaya - Rabu, 19 Desember 2012