PRONET: Cara membuat foto berjalan diblogspot

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 membuat teks berjalan dan berkedip pada blog, wordpress, joomla, blogspot, dan blog yang lain :

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: