Create your own banner at mybannermaker.com!

Search...

Ingin ada teks berjalan di blog anda?

Pengen punya teks berjalan di blog? seperti punya saya yang di bawah gambar masjid...Gampang koq caranya.....apalagi kalau anda pake template blogger yang versi baru.....


1. Masuk ke blogger.com anda
2. Pilih menu template
3. Kemudian pilih Tambah Elemen Halaman.

4. Pilih HTML/Java Script...

5. Masukan Kode ini :

<marquee direction="down" height="150" scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()" width="100%" align="center"> Ketik tulisan anda dibagian ini </marquee>

Harap diperhatikan bahwa kode ini dimasukan saat status jendelanya HTML dan bukan Rich Text.


6. Simpan halaman

7. Untuk melihat hasil tekan tombol Pratinjau atau Preview

8. Apabila sudah sesuai dengan yang diinginkan, simpan template

9. Elemen Halaman ini bisa anda taruh dimana saja sesuai dengan selera anda.


Keterangan :

    • Marquee : tag dimana fungsi default nya adalah agar teks yang kita ketik dapat berjalan.
    • Direction : arah teks saat berjalan, apabila kita isi down maka teks akan berjalan dari atas ke bawah, apabila kita isi left maka teks akan berjalan dari kanan ke kiri. Direction ini juga bisa kita isi dengan yang lain seperti up (dari bawah ke atas) atau ridht ( dari kiri ke kanan)
    • Height: tinggi dari bingkai teks yang berjalan tersebut.
    • Scrollamount: kecepatan teks berjalan, makin tinggi angkanya maka teks tersebut akan berjalan makin cepat.
    • Onmouseover: perintah untuk memberhentikan teks berjalan saat nouse tepat berada diatasnya.
    • Onmouseout: kebalikan dari onmouseover
    • Width: lebar dari bingkai teks berjalan
    • Align : tata letak teks yang secara default nya adalah berada di kiri tapi disini kita bisa membuat nya berada di mana pun yang kita inginkan, bila ingin membuat teks berada di tengah kita cukup menambahkan center, jika teks ingin di kiri ketikkan left, teks kanan ketikkan right, teks agar membuat penuh ketikkan justify.


Semoga bermanfaat

Klik Judul Artikel untuk Baca Selengkapnya....

0 comments: