Kode html untuk teks dan image berjalan pada google site atau blog

Berbagai cara agar tampilan situs google atau blog kita menarik, salah satunya dengan menampilkan Teks Berjalan ( Running Text ) dan Gambar Berjalan ( Running Image ) di google site atau blog kita. Bagaimana membuatnya?

Pertama, Pilih menu html <> pada google site atau HTML/JavaScrip pada blog kemudian masukan kode berikut :

TEKS BERJALAN

"<MARQUEE bgcolor="hitam" behavior="scroll" direction="kiri" onmouseover="this.stop();" onmouseout="ini.mulai();" style=" ”font-family: verdinan; ukuran font:25px; color:#00FFFF">SELAMAT DATANG DI SITUS PJJ SMP NEGERI 1 PUSAKANAGARA</MARQUEE>"

Keterangan :

<Marquee></Marquee> = untuk menjalankan teks atau gambar

bgcolor = 

bekerja untuk memberikan warna pada background running text.

Arah =

bekerja untuk mengatur arah gerakan teks dengan nilai : kiri, kanan, atas & bawah.

Perilaku :=

berfungsi untuk mengatur perilaku gerakan dengan nilai : scroll, slide, alternative

scrollmount =

di sini ada nilai-nilai lambatnya gerak pada teks dengan : angka semakin besar, angkanya semakin cepat geraknya.

tertunda-tunda gulir =

berfungsi untuk mengatur waktu dalam mili detik.

onmouseover="ini.stop();" = 

bekerja untuk menghentikan teks berjalan, ketika mengarahkan kursor ke teks berjalan tersebut.

onmouseout="ini.mulai();" =

untuk bekerja untuk menjalankan teks berjalan, ketika mengarahkan/melepaskan kursor dari teks berjalan tersebut.

style=" ”font-family: verdinan;  ukuran font:25px; warna:#00FFFF" = 

berfungsi untuk mendisain teks berjalan seperti jenis huruf, ukuran huruf, dan warna huruf

=========================

GAMBAR BERJALAN

"<marquee behavior="alternatif" scrolldelay="50" scrollamount="3" bgcolor="white" onmouseover="this.stop();" onmouseout="this.start();">

    <a href="#" title="Modul" alt="Modul"><img src="marquee-in-html.png" height="200px" width="150px">0</></a>

<img src="marquee-in-html.png" height="200px" width="150px">1</>

<img src="marquee-in-html.png" height="200px" width="150px">2</>

<img src="marquee-in-html.png" height="200px" width="150px">3</>

<img src="marquee-in-html.png" height="200px" width="150px">4</>

<img src="marquee-in-html.png" height="200px" width="150px">5</>

<img src="marquee-in-html.png" height="200px" width="150px">6</>

</marquee>"

Keterangan :

<a href = berfungsi untuk memasang hyperlink

<img src = berfungsi untuk mengabil gambar dari link tertentu