Slideshow Auto Play

Cara membuat Slideshow spt diatas:
1.Masuk Blogger
2.Tata letak/layout
3.Add gadget --> Html/javascript
    Masukkan kode dibawah ini

<style type="text/css">

/* All Styles Optional */

* {
font-family:arial;
font-size:10pt;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}
</style>

<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->

<script type="text/javascript">

//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):
var preload_ctrl_images=true;

//And configure the image buttons' images here:
var previmg='left.gif';
var stopimg='stop.gif';
var playimg='play.gif';
var nextimg='right.gif';

var slides=[]; //FIRST SLIDESHOW
//configure the below images and descriptions to your own. 
slides[0] = ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQHgr2t0Kn0ZnXOfOvNTeSuJjrB6-ueki-2AvkU_AW9UyWzs0A8mFfAokoPV65v2LqRUD11zdKNzweLJvX6KT6zzScRzL_XMqD5FyNpytHM6YjQ6VL61470ByiRxd0jncvRWs7evYuFcA/s200/google-maps.png", "<center><b>Keterangan 1<br />Sub Ket 1</b></center>"];
slides[1] = ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisOIBoUhhQt11PMQ2lW8CxtObmz-9vQvKqltUG7CbimiPRxjbu8viPQLGWt3VCXt_yRqa45Ye-7li2ucRM6_vzchMUDdieZ9-XJPcXGepg7xF4tL0YQfdfy62tPoBKVMiJqw_tHTKXJc/s200/default2.png", "<center><b>Keterangan 2<br />Sub Ket 2</b></center>"];
slides[2] = ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nR5Q59S5P7O5398ZUaTTxUvbZryk8u32JbmSBSCf9n7m48NV4PWN5vKxnMH9cnmvsFLWn-37qmqgI9oW4g4mVm8tn6AlhFGo1Z1Wr4fp6aPlLqikB-2oFCxjIFztiZBfU23hLsHzVQ0/s200/images2.jpg", "<center><b>Keterangan 3 <br />Sub Ket 3</b></center>"];

//above slide show uses only the defaults



//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls

//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"

</script>

<script src="http://yourjavascript.com/0221361181/swissarmy.js" type="text/javascript"></script>


<p>
<script type="text/javascript">
//Notes on Parameters: The only required parameter is the slides_array_name.  If Width is used, so must Height.
//Interval is optional too.  It is always last, either fourth after Width and Height or second after Slides_array_name.
//Usage: new inter_slide(Slides_array_name, Width, Height, Interval)
new inter_slide(slides)
</script>
</p>

ganti Teks warna Merah untuk gambar dan keterangan