Selamat Datang Di Blog Sederhana ini

Minggu, 30 Juni 2013

Membuat Slide show postingan

kali ini saya ini share bagaimana cara membuat slide postingan keren,,, awalnya sih aku ga bisa tdr udah 2 jam aku d tempat tdr tp ga bsa tertutup mataku ya udh aku buat aja artikel ini aja heheheeee..... jadi curhat deh...
ya udh langsung ke intinya

1. Login ke blog/site anda
2. Pilih Tata Letak


3. Klik Tambahkan Gadget
4. Kemudian Pilih Tambahkan HTML/Javascript
5. Kemudian Copy Code berikut

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

6. Paste Kedalam Gadget


7. Kemudian Simpan....
8. Selesai

Selamat mencoba sebagai bentuk menghargai artikel ini tolong share ke facebook/Google Plus

Tidak ada komentar:

Posting Komentar

kawand-kawand jangan lupa coment yaaa!!!!!!
karena coment kalian ikut membantu blog ini berkembang
dan bila ada link yg rusak segera beritahu kami