Foto Yang berjalan di blog memang sangat menarik
untuk dilihat . bagaimana cara membuatnya ? yupz.. Dalam postingan kali ini
saya akan menerangkan bagaimana cara membuat foto berjalan di blog .
Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek
dari marquee . langsung ajah yach kita praktek .hehehehe
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog
Copy Paste kode berikut ke blog anda :
<table border="10" cellpadding="3"
height="135" width="195"/>
<tr>
<td>
<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2"
direction="up" width="192" height="132"
align="center">
<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg"
height="130" width="190" />
<br/>
<img
src="http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg" height="130"
width="190" />
</marquee>
</td>
</tr>
</table>
Hasilnya seperti Galeri photo blog ini......
Ganti link yang berwarna biru dengan link
tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com
.
Membuat
Gambar berjaln Dari kiri ke kanan
Copy paste kode berikut ke blog anda :
<marquee align="center" direction="left"
height="200" scrollamount="3" width="100%" >
<img
src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg"
width="190" height="130" />
</marquee>
Hasilnya seperti mirip animasi kartun diblog ini.
Cara Penerapan atau pemasangan dalam blog.
- Silahkan
sobat pilih beberapa kode Marquee di bawah ini,
Kemudian tempelkan kode pada Mode HTML/JavaScript.
- Kode
Marquee bisa di terapkan pada Template, Sidebar, Footer, Widget, maupun
postingan blog. Dengan catatan, Kode di terapkan pada Mode HTML.
Silahkan Sobat pilih Kode Marquee yang
sobat inginkan.
1. Cara buat Teks berjalan secara default
dari kanan ke kiri.
<marquee>Teks
Sobat</marquee>
cara ini hampir sama dengan membuat photo berjalan dari kanan ke kiri seperti photo berjalan pada header blog saya ......
2. Cara
buat Teks berjalan dari Kiri ke kanan.
<marquee
direction="right">Teks Sobat</marquee>
3. Teks akan berhenti jika mouse diarahkan
pada Teks.
<marquee onmouseover="this.stop()"
onmouseout="this.start()">Teks Sobat</marquee>
4. Marquee 2.0.0 ini mempunyai kelebihan bolak-balik dari
ruang kotak yang tidak terlihat oleh mata.
<marquee
behavior="alternate">Teks Sobat</marquee>
5. Marquee 2.0.1 adalah pengembangan dari marquee
sebelumnya, Dengan fungsi scrollamount dia menjadi
sangat agresif dan cepat.
<marquee
behavior="alternate"
scrollamount="25">Teks Sobat</marquee>
6. Cara buat Teks berjalan dari Bawah ke Atas.
<marquee
direction="up">Teks Sobat</marquee>
7. Marquee 3.0.1 adalah pengembangan dari marquee
sebelumnya yang tidak mempunyai batas ruang, Marquee ini kita batasi ruang
kasatnya sehingga memiliki ukuran height 100 saja. Demikian dengan kemampuan
scrollamountnya kita perlambat. Dan kita tambahkan on mouse stop/start juga.
<marquee
direction="up" onmouseover="this.stop()"
width="100%" scrollamount="2"
onmouseout="this.start()"
height="100">Teks Sobat</marquee>
8. Marquee 3.0.2 masih merupakan pengembangan dari
marquee sebelumnya, Hanya saja teks berada di tengah ruang.
<marquee
direction="up" width="100%" scrollamount="2"
height="100"
align="center">Teks Sobat</marquee>
9. Cara buat Teks berjalan dari Atas ke Bawah.
<marquee
direction="down" width="100%" height="100">Teks Sobat</marquee>
10. Cara Membuat teks berkedip
<blink>Teks Sobat</blink>
11. Selesai. dan lihat hasil nya.
Catatan:
- Tidak
semua kode Marquee di atas bisa di terapkan pada
Template blog sobat. Jadi pilihlah kode Marquee yang
sesuai untuk blog sobat.
Semoga artikel yang saya share ini yaitu
trik dan tips tentang Cara Membuat Teks Berjalan Dan Berkedip Di Blog,
Bisa bermanfaat untuk sobat
