Home » » Cara Membuat Photo Slider

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
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Lora Malunk Blog
tutorial blog up to date
Loading...

+ komentar + 1 komentar

29 Mei 2011 16.48

makasih infonya..by mastor sepang

Terimakasih Mastor Sepang atas Komentarnya di Cara Membuat Photo Slider

Poskan Komentar

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Terima Kasih .... Lora Malunk Blog

 

Configurasi

Alexa :
Stats :
Page Rank : Free PageRank Checker
DMCA :
Amung :
Bloggers : Bloggers - Meet Millions of Bloggers
Extreme :
eXTReMe Tracker
Support : Lora Malunk Blog | Songong Template | Tutorial Blog
Copyright © 2011. Lora Malunk Blog - All Rights Reserved
Template Modify by Lora Malunk Blog
Proudly powered by Blogger