0 Cara Membuat Photo Slider

Malam sudah tiba dan sudah menunjukkan jam 22:40 kami bergagas untuk membuat postingan Cara Membuat Photo Slider, detemani hujan rintik-rintik yang membuat seluruh badanku kedinginan, tapi saya tidak patah semangat untuk memberikan tip and trik kepada orang lain.

Nah Mari kita simak bersama-sama tip and triknya :

• Harus login dulu ke blog sobat
• Kalau sudah login silahkan tekan menu Rancangan
• Klik Tambah Gadget HTML/JavaScrip
• Copy Paste Code di bawah ini

<table border="0" cellpadding="0">
  <caption><strong>Air Show Photos</strong></caption>
  <tr>
    <td width="100%"><img src="plane1.gif" width="300" height="240" name="photoslider" /></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
      <div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]=" http://farm6.static.flickr.com/5202/5250467114_37bd90c740.jpg "
photos[1]=" http://farm6.static.flickr.com/5242/5249981205_0036daa70c.jpg "


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="&lt;&lt;Back" name="B2"
 onclick="backward()" /> <input type="button" value="Next&gt;&gt;" name="B1"
 onclick="forward()" /><br />
      <a href="#" onclick="which=1;backward();return false"><small>Start Over</small></a></p>
      </center></div>
    </form>
    </td>
  </tr>
</table>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br />
<font face="arial, helvetica" size="-2"><a href="http://lora-malunk.blogspot.com">By Lora Malunk</a></font></p>

• Setelah memasukkan code tersebut 
• Jangan lupa mengganti code yang berwarna merah dengan alamat dimana sobat menyimpan photo, Contohnya Seperti Flicker, imageshack.us, Photobucket. dll.
• Sekarang Silahkan tekan tombol Simpan dan lihat hasilnya

Komentar →