Senin, 23 Desember 2013

Cara membuat Gambar bergerak pada blog


Salam Pembaca Blog di New Surya Computer Unit II kalau kemarin saya memberikan tutorial untuk cara membuat tulisan bergerak, kali ini saya akan memberikan tutorial untuk cara membuat gambar yang bergerak Pergerakan setiap gambar dapat diubah dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kecepatan pergerakan setiap gambar juga dapat diubah.
 





Kode untuk 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>

Keterangan kode  :
Arah pergerakan gambar : Anda bisa menggantinya dengan  up, down dan right.
Kecepatan pergerakan gambar : Anda bisa menggantinya dengan nomer lain  (Semakin tinggi nilai semakin cepat)
Link untuk dibuka: Link yang ingin dibuka apabila gambar diklik.
Url gambar: Url gambar yang ingin ditampilkan


Catatan  : 
1. Jika anda ingin menambah lebih banyak gambar, tinggal copy paste kembali untuk kode gambar 


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


2. Kode-kode ini dapat digunakan di dalam postingan ataupun pada bagian gadget.
sekian tutorial ini ,semoga bermanfaat bagi pembaca Blog New Surya Computer Unit II.
 Terima kasih telah membaca.