Gudang Informasi

Kumpulan Software, Template Seo, tips trick, Games Terupdate

LightBlog
Responsive Ads Here

Monday, January 6, 2014

Cara Membuat Slideshow Postingan di Blog dengan mudah


kali ini saya ingin berbagi tentang cara Membuat Slideshow Postingan di Blog dengan mudah
langsung saja disimak


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>
<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>