Saturday 23 April 2011

Tutorial Blog : Cara Buat Gambar Bergerak (Scrolling Image)

Assalam, ari ni saya ingin berkongsi tutorial untuk menceriakan blog, iaitu membuat gambar/imager bergerak pada mane2 bahagian dalam blog, terutama yg menggunakan blogspot..okeh..tutorial ini pun saya amik dari blog Tutorial Untuk Blog.
Jom kita ikuti Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai 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 sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.

Contoh kod bagi scrolling image adalah seperti berikut.





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 yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.

Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget





No comments: