Rabu, 11 Januari 2012

Cara Mudah Membuat Efek Marquee atau Tulisan Bergerak Pada Blog

Sekarang, saya akan share tentang Cara Membuat Marquee atau Tulisan Bergerak Pada Blog. Sebenarnya... apa itu marquee? marquee adalah tulisan yang bisa bergerak. contohnya bisa dilihat diatas judul postingan blog ini. Saya punya beberapa bentuk  tulisan berjalan. yuk kita simak...


  • Login ke blogger anda
  • klik Rancangan/Layout
  • pilih Tambah Gadget. lalu pilih Tambahkan HTML/Javascript
  • Masukan dengan kode berikut
1.   Tulisan berjalan ke kanan atau ke kiri
           Tulisan berjalan ke kiri
         <marquee behavior="scroll" direction="left">Tulisan berjalan ke kiri</marquee><br />

2.   Tulisan berjalan dengan gambar

Tulisan berjalan dengan gambar
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan berjalan dengan gambar<br /> </marquee><br />

3.   Tulisan berjalan ke atas
Tulisan berjalan ke atas
<marquee height="75" behavior="scroll" direction="up">Tulisan berjalan ke atas</marquee>

4.   Tulisan berjalan yang jika disentuh cursor berhenti
Tulisan berjalan yang jika disentuh cursor berhenti
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan berjalan yang jika disentuh cursor berhenti</marquee>

5.   Tulisan yang bergerak lambat
Tulisan yang bergerak lambat
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang bergerak lambat</marquee>

6.   Tulisan bergerak dengan link

Bengkel U-Power
My Profil
Tips & Trik
Tutorial Blog
Ninja Saga

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200"> 

<a href="http://www.jogoyitnan-free.blogspot.com/search/label/bengkel?max-results=5">
Bengkel U-Power </a> 
<a href="http://www.jogoyitnan-free.blogspot.com/2011/02/my-profil.html">
My Profil</a> 
<a href="http://jogoyitnan-free.blogspot.com/search/label/tips%20dan%20trik?max-results=5">
Tips & Trik </a> 

<a href="http://jogoyitnan-free.blogspot.com/search/label/tutorial%20blog?max-results=5">Tutorial Blog </a> 
<a href="http://jogoyitnan-free.blogspot.com/search/label/ninja%20saga?max-results=5">Ninja Saga </a> 

</marquee>


  • Kemudian klik Simpan, dan lihat hasilnya.
Keterangan Atribut :
~  Tulisan Berwarna Hijau : adalah arah bergerak tulisan marquee, seperti "left" ,  "up" Jika ingin mengganti arahnya gunakan bahasa inggris. contoh, kanan="right" dsb.
~  Tulisan Berwarna Biru : adalah tulisan yang ingin ditampilkan ditampilkan.
~  Tulisan Berwarna Ungu : khusus yang ini adalah url gambar.
~  Tulisan Berwarna Hitam : adalah ukuran marquee tersebut berjalan. Seperti tinggi, lebar dsb.

Sekian dari saya, Semoga Bermanfaat. Terima Kasih, ditunggu juga komentarnya...

1 komentar:

  1. Surahman saya buat template blog dan di edit di: ms. Word
    Pertanyaannya…
    • Dimanakah ‘url’ yang bisa menyimpan file-file colorschememapping, filelist, themedata... Karena isinya berisi script…
    Kan, kalau photo bisa di photobucket/ flicker, nah kalau untuk data seperti itu disimpannya dimana??? ‘pusing nih’
    Kepalang tanggung belajar template… nanti kalau berhasil silahkan download templetenya hahaha:-)... ok sob... ?

    BalasHapus