
baiklah ga usah berlama-lama langsung saja ke tkp:
Masuk ke dashboar bloger
pilih blog yang akan di edit
klik tata letak
tambahkan widget
pilih yang html/javascrift
lalu copy skrip berikut:
<style type="text/css">
#rp_plus_img{height:190px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="https://googledrive.com/host/0B12wbnW3X8djSlBLNGlGWHVKeGM"></script>
<script type="text/javascript">
var speed = 5000;
var pause = 1500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 60;
var numchars = 100;
</script>
<script src="/feeds/posts/default/-/label?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
#rp_plus_img{height:190px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="https://googledrive.com/host/0B12wbnW3X8djSlBLNGlGWHVKeGM"></script>
<script type="text/javascript">
var speed = 5000;
var pause = 1500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 60;
var numchars = 100;
</script>
<script src="/feeds/posts/default/-/label?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
paste kan skrip diatas ke widget, agan bisa memberikan judul atau tidak itu terserah agan. jika sudah langsung klik simpan/save
penjelsan:
warna merah adalah kecepetan slide
warna kuning adalah kecepatan waktu jeda
60 adalah jumlah postingan yang akan di tampilkan
100 adalah karakter/tulisan yang ditampilkan
label adalah label postingan yang akan di tampilkan
Silahkan agan coba dan lihat hasilnya....
untuk demo dari slideshow ini, lihat saja blog ane gan... wkwkwkwkwk
semoga bermanfaat
No comments:
Post a Comment