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
1) Dashboard > Design > Add A Gadget > Html / Javascript
2) Copy dan paste kod berikut dalam ruangan HTML/Javascript tadi
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.
<marquee direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="150">
<a href="http://abdul-aliim.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXSGHnlUyzWGJUlbbOZFDUcmtahUPPsThVUSdwX0wzVx87ecyzn2uFCWErklNF51MyXL8duKkoIZJ9IBihmxUVprzH8py1UxqQpHvqZyPjmmjdYj5IyrUUf37C_jzutiRmZreoVUXj6Gw/s400/040.gif" /></a>
<a href="http://abdul-aliim.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEROZnEgqbfdnHKnmVt-1o7tTA_tnTgDrFFFLO_BSrhZGs8g0k8hEXvGXe5Wk547kdAmkaQyel_YTBd2zBghA8hIPeZdJlN4ypXdcHt33O1w5te29F3-Qpz-77WJY_xibfJZa54BL6zn4/s400/095.gif" /></a>
3) Save dan lihat hasilnya. Selamat mencuba! :)
0 ulasan:
Post a Comment
Tinggalkan Komen Anda Di Sini Cerita Kedai Kopi