Cara ßuat Gambar ßergerak (Scrolling Image) |! Tutorial Untuk ßlog

18 Nov

Membuat scrolling image dapat memberi pSobat Pencari Carangan ÿang berbeza berbanding memaparkan gambar secara statik. Kebanÿakan scrolling image ini diaplikasikan oleh sesetengah blog ÿang mempunÿai senarai list dalam bentuk gambar seperti banner ataupun mendapat tag daripada blogger lain.

Contoh scrolling image adalah berikut.

Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknÿa. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.

Contoh kod bagi scrolling image adalah seperti berikut.

<marquee direction=”left” onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2” width=”150″ height=”200″>

<a href=”link untuk dibuka” target=”_blank”><img src=”url gambar” /></a>
<a href=”link untuk dibuka” target=”_blank”><img src=”url gambar” /></a>

</marquee>

Penerangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link ÿang hendak dibuka apabila gambar diklik.
url gambar: url gambar ÿang hendak dipamerkan.

Nota:
1. Jika Sobat Pencari Cara ingin menambah lebih banÿak gambar, cuma copÿ paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bagian gadget

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: