Cari Blog Ini

Jumat, 16 Desember 2011

Cara membuat tulisan bergerak di blog

Tulisan bergerak pada blog bisa menambah tampilan blog menjadi hidup, dan Cara membuat tulisan bergerak di blog bisa bermacam-macam dan hasilnya pun bervariasi, di sini saya akan mencoba menjelaskan yang hasil pergerakan tulisannya nanti terdiri dari 6 model pergerakan yaitu: tulisan bergerak ke kiri,  ke kiri ke kanan, ke atas, ke bawah , 2 variasi zigzag dan divariasikan dengan adanya  background warna. Langsung ke TKP saja ya.. caranya adalah:
  • Pergerakan ke arah kiri, kode nya adalah:
<marquee> contoh pergerakan kekiri </ marquee>
  • Pergerakan ke kanan dan ke kiri (bolak-balik), kode nya adalah:
<font face='Arial' color='#000000'><marquee behavior="alternate">Bergerak Ke kiri Terus Ke Kanan</font></marquee>
  • Pergerakan ke atas, kode nya adalah:
<center><font face='Arial' color='#000000'><marquee direction="up"> Pergerakan ke atas</font </marquee></center>
  • Pergerakan ke bawah, kode nya adalah:
<center><font face='Arial' color='#000000'><marquee direction="down"> Pergerakan ke bawah</font></marquee></center>
  • Pergerakan Zig zag, kode nya adalah:
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Pergerakan Zig zag</font></marquee></marquee>
  • Pergerakan tulisan zig zag kiri kanan, kode nya adalah:
<font face='Arial' color='#000000'><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate"> Pergerakan Zig zag Kiri kanan</font></marquee></marquee>
  • Dan yang terakhir adalah dengan memakai background, contohnya pada pergerakan ke kiri, kode nya adalah:
<font color="#FFFF00"><marquee direction="left" style="background:#00BFFF">tulisan dengan memakai background</marquee></font>
tulisan dengan memakai background
Untuk back ground warna, sobat bisa menggonta gantinya sesuai dengan selera sobat. Untuk  mengetahui kode warnanya anda bisa melihat di sini.
Bagaimana cara membuat tulisan bergerak pada blog diatas.. gampang kan?

Tidak ada komentar:

Posting Komentar