Membuat Java Script Slider

Bagi shobat yang ingin membuat image slider otomatis tanpa masuk ke edit html bisa dicoba cara ini  demonya bisa dilihat di header blog saya, gambar bisa diubah sesuai keinginan tutorial ini saya dapat dari  sini sumbernya. selamat mencoba dan berkreatifitas Untuk membuat Java Script Image Slider ini juga sangat mudah, ikuti instruksi berikut untuk mulai menerapkannya pada blog Anda.

1. Login ke akun blogger Anda.

2. Pada Dasbor klick Tata Letak ➨ Tambah Gadget.

3. Pilih elemen HTML/Java Script.

4. Lalu copy kode berikut dan letakkan di dalam  elemen HTML/Java Script tadi.

     

           

#

">http://3.bp.blogspot.com/-Hijn3sSE6Qs/UBglSQnhpeI/AAAAAAAAFTQ/GxqYk9EI62s/s1600/otowebsite.blogspot.com-1.jpg" alt="Image Slider By otowebsite.blogspot.com"/>
#">http://1.bp.blogspot.com/-EE2Q-mY_6x4/UBglTCuyAxI/AAAAAAAAFTY/isEX9a68iEM/s1600/otowebsite.blogspot.com-2.jpg" alt="Oto Website"/>
#">http://2.bp.blogspot.com/-yNmhCkn5NMU/UBglUfcuM1I/AAAAAAAAFTg/o4Nt2iy-R3o/s1600/otowebsite.blogspot.com-3.jpg" alt="The slide is a linking image"/>
#">http://2.bp.blogspot.com/-1wONO9PVs4Y/UBglVA0XKpI/AAAAAAAAFTo/1mF8xzRPVl8/s1600/otowebsite.blogspot.com-4.jpg" alt="Pure Javascript. No jQuery. No flash."/>
#">http://4.bp.blogspot.com/-vjIncxa4PN0/UBglV-VjpxI/AAAAAAAAFTw/-_GTRVJOYsk/s1600/otowebsite.blogspot.com-5.jpg" alt="#htmlcaption"/>
               

Sumber : http://otowebsite.blogspot.com/2012/08/java-script-image-slider.html#ixzz2P3rZY22i

5. Simpan.

---

Melakukan Perubahan

---

Jika Anda ingin melakukan perubahan, Anda perhatikan kode-kode yang saya block di atas, dan berikut ini adalah keterangannya:

• Kode yang di block merah muda adalah lebar gambar.
• Kode yang di block oranye adalah lebar dan tinggi widget.
• Kode yang di block kuning adalah url gambar.
• Kode yang di block biru adalah tempat untuk menempatkan url tujuan.
• Kode yang di block hijau adalah title dari gambar.