Saturday, December 17, 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?

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free