Senarai Tutorial

Gambar Bergerak (Scrolling Image)







Scrolling images adalah gambar bergerak yang ditentukan pergerakannya oleh kita sendiri. Scrolling image ini boleh diletakkan pada mana-mana bahagian dalam blog, sama ada header, footer, sidebar ataupun ruang post. Penggunaan aplikasi ini dapat menjimatkan ruang, terutama bagi mereka yang mempunyai senarai gambar dan banner yang panjang.

Berikut adalah kod untuk scrolling image. Copy kod di bawah dan letak pada mana-mana bahagian blog yang anda mahu. Untuk cara pasang kod html dalam blog, rujuk tutorial ini :
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


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

</marquee>


Nota:
up - arah pergerakan gambar. Boleh tukar kepada left, right, up atau down
2 -
kelajuan pergerakan gambar
link pautan gambar
- url untuk dibuka apabila gambar diklik
url gambar -
url gambar yang hendak dipamerkan. Rujuk di sini untuk cara dapatkan url gambar.


Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali bahagian kod <a href="link pautan gambar" target="_blank"><img src="url gambar" /></a> seperti contoh di bawah:

Contoh:
<marquee direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="150">


<a href="http://jombinabelog.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGEkVqhi5Jl_a5CeA8h6Q3CrHp7ZO1nvOp-GQhwLmuDml1gAwjRSPKTZ0r-ZAhhyphenhyphena9XFOIKayKu5hXsYqcl5iDeP9A5jnPIXAvKw0qSZa7GM5rAFotP8-JtI8SJ90tyoAmUYH-HVVxPeg/s400/040.gif" /></a>


<a href="http://jombinabelog.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscgi2xgLGpK5oDx9evJJae3G0Y5yRKtx3WKuulYEOyuIM8_ynoRUxgXHX_M4xJIwjndG4rIeUv_7Ep4Mx79C62hGwRzvi5LHv253IsoLoVBnRtnJ6ZrvvYpPzil__SsU5A46ffOUvmW0/s400/095.gif" /></a>

Selamat mencuba! :)


Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

7 komen budak comel:

Anonymous said...

mcm mna nak ltak tuto nie dlam post??

Jombinabelog said...

@Anonymous just copy paste pada post anda.. tapi jngan lupa kredit ye, thanks ^_^

Anonymous said...

thanxx 4 da tuto.. :)
i like jom bina belog.. :)

Anonymous said...

x bley pun ltak d post.. mcm mna nie??

oneWeb said...

punya email ga ?? atau ym ??
saya mau tanya lebih nih.. saya masih amatir

Jombinabelog said...

@oneWeb boleh email ke jombinabelog@gmail.com

Unknown said...

jom bina blog mg best . salu sy tgk tuto dea :) terbaik (Y)

Copyright© All Rights Reserved Jombinabelog.blogspot.com