----------------------------------------------------------------
<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 #999; 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 #999;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="https://sites.google.com/site/wildantaupiq/js/Slideshow%20widget.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 = 20;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
----------------------------------------------------------------#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 #999; 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 #999;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="https://sites.google.com/site/wildantaupiq/js/Slideshow%20widget.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 = 20;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Cttn : Yang warna merah 20 = Jumlah entri pos yang akan di tampilkan dan merah yang lainnya silakan di utak atik jika mau [ tidak juga ga apa - apa ]
--------------------------------------------------------------------
Setelah itu silakan sobat masuk ke akun bloger.com sobat ,nah jika sudah masuk karena disini kita akan memasang slide di widget jadi pada menu dropdown sobat klik yang tataletak ,ingat tataletak bukan yang lain .
Jika sudah masuk / terbuka halaman baru ,untuk langkah selanjutnya kita klik tambahkan Gadget Lihat gambar :
Nah jika sudah di klik, kita akan di kasih suatu tab terbuka, untuh langkah selanjutnya kita lihat tab tadi lalu kita scroll ke bawah ,kira - kira pada pertengahan akan terlihat seperti gambar dibawah ini :
silahkan pilih yang Html ?JavaScript maka akan terbuka halaman kosong ,untuk langkah selanjutnya silakan pastekan code yang di atas tadi ,jika sudah silakan di save / simpan lalu lihat hasilnya .
Nah itulah panduan tentang cara membuat slide di gadget blog persi ane Mudah - mudahan bermanfaat jika masih punya waktu luang silakan kunjungi jugaCara bikin Gambar Slide di blog
Wasalam ,salam bloger
Kalau boleh tanya, slide yang sobat paparkan berat ngak ya loadingnya, sebab jika berat tentu akan menggangu kinerja blog secara keseluruhan. Terima kasih sebelumnya dan salam kenal
ReplyDelete