Home » » Cara mudah membuat slideshow gambar postingan

Cara mudah membuat slideshow gambar postingan




Written By Unknown on 09/06/2013 | 00:05

Clipboard01

kali ini saya akan berbagi bagaimana membuat daftar postingan kita menjadi slideshow sehingga akan tampak lebih menarik dilihat oleh pengunjung,..

langsung saja ini dia caranya

1. masuk dulu ke akun blog sobat

2. pilih Tata letak > tambah gadget > HTML/Javascript

3. lalu pastekan kode script dibawah ini

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

4. Simpan dan lihat hasilnya,…..

Share this article :

1 komentar:

  1. thank infonya gan., langsung ke tkp
    kunjungi blog ane juga >>> GO-BLOG

    ReplyDelete

Powered by Blogger.
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. rifnotes - All Rights Reserved