Cara Membuat Slide Sederhana

Tentu sangat menyenangkan apabila blog pribadi kita dihiasi foto-foto keluarga, teman-teman and gank, atau foto-foto kegiatan outbond lainnya. Apalagi foto-foto tersebut ditampilkan dalam bentuk slide atau gambar berjalan sehingga lebih menghemat tempat. Untuk keperluan diatas, saya sudah bikin slide dengan perintah-perintah sederhana yang mungkin saja ada rekan-rekan yang mungkin juga tertarik untuk memasang slide diwidgetnya masing-masing. Dan sangat disayangkan skrip yang saya bikin ini tidak bisa dipakai di worpress.com, jadinya saya menggunakan worpress.org di blog saya yang lain. Saya ada membuat dua macam skrip, yang pertama untuk gerakan Horizontal, dan yang kedua untuk gerakan Vertikal. Dalam membuat skrip ini saya masih tetap menggunakan perintah Marquee yang saya kombinasikan dengan perintah yang lainnya. Skrip pertama ini untuk membuat slide dengan gerakan Horizontal

Penjelasan Skrip : Perintah Marquee digunakan untuk menggerakan foto, dimana saya beri nama id=”JSlideH” dengan lebar width=”500″ dan dengan arah gerakan default ke arah kanan direction=”right”. Untuk menempatkan foto dalam posisi bersebelahan saya memanfaatkan perintah

, border=”0″ artinya tidak diberi garis. Dan disini saya membuat table dengan jumlah baris=1 dan kolom = 3, karena saya akan memasukan 3 foto. a href saya pergunakan agar supaya ketika saya mengklik foto tersebut akan menuju ke alamat url yang diinginkan, dan disini saya arahkan saja ke url foto saya sendiri. target=”_blank” saya pergunakan agar pada saat mengklik dan membuka url yang dituju tadi akan terbuka windows baru dan tidak menutup page asal.

Perintah ini untuk menampilkan gambar atau foto. src=”http://jnet99.co.cc/wp-content/uploads/2009/03/s2010001.jpg”, merupakan alamat sumber dari foto yang akan ditampilkan. width=”300″ height=”200″, merupakan ukuran panjang dan lebar foto yang akan ditampilkan, panjang dan lebarnya ini hendaknya diberikan dengan nilai yang perbandingan yang pas, agar foto tidak kelihatan lonjong atau gepeng.

Yang kedua ini Slide yang berjalan Vertikal :

Diatas merupakan skrip untuk membuat slide bergerak secara vertikal.

Contohnya bisa dilihat di http://jnet99.co.cc/?p=98

Satu Tanggapan

  1. trimakasih informasinya smg berguna b agi rekan2 bloger semua……..n salam kenal

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: