Menampilkan Slide show di blogspot

Slide show dalam blog sangat membantu pengunjung untuk melihat rangkuman isi blog kita atau apa yang ingin ditonjolan pada blog kita, slide show gambar adalah lemari etalase dari blog anda.

cara membuat Slide Show Foto atau Gambar

Sebenarnya ada fasilitas gratis slide show dari web-web untuk menampilkan slide gambar di blog. Kamu bisa mendapatkan kode html yang bisa langsung kamu pasang di blog kamu.

tapi disini saya ingin menunjukan cara lain, yaitu cara manual dengan kode script, (terinspirasi dari salah satu blog yang pernah saya baca) yaitu dengan memanfaatkan fasilitas "marquee".


Cara membuat dan mengisi gambar:

- buat posting baru yang berisi gambar-gambar yang ingin ditampilkan di slide.
dalam mode "html" copy semua scriptnya simpan di notepad dengan nama slide gambar (contoh),
simpan posting tersebut.
- tambah widget "java script/html" dimana saja tergantung anda mau menempatkan slide tersebut
- isi judul,
- dalam kotak konten masukan kode marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="50%" bgcolor="yellow" height="100">isikan gambar atau foto-fotomu di sini</marquee>

Berikut ini keterangannya:

scrollamount="3" menunjukkan angka kecepatan bergeraknya. Semakin besar angka, semakin cepat larinya.
width="50%" menunjukkan lebar kotak slide.
height="100" menunjukkan tinggi kotak tampilan.
direction="up" menunjukkan arah gerakkan. Bisa kamu ganti left, right, atau down.
Atau kalau kamu suka yang goyang kanan kiri kamu ganti saja kodenya menjadi behaviour="alternate"

- ganti tulisan "isi foto ....." Dengan kode script "slide gambar" tadi
- simpan

sekarang lihat blog anda..... slide gambar telah terlihat dengan cantiknya...

Kritik dan sarannya ditunggu....!!!!!


refferensi : Thomas blog, indo-template-blogger.blogspot.com