Saturday, February 4, 2012

Membuat teks pelangi part II

Halo sobat kembali lagi bersama saya di blog ini. Tema kita pada hari ini adalah sama seperti postingan sebelumnya atau bisa di katakan lanjutan dari postingan lalu yaitu Rainbow Text With Javascript. Sudah di jelaskan pada postingan sebelumnya bahwa Rainbow Text pada postingan lalu tersebut berfungsi merubah warna Netral menjadi Warna warni atau Rainbow. Karena postingan ini bertemakan sama dengan postingan sebelumnya maka ya Fungsinya juga sama.
Perbedaannya apa?
Apa perbedaan dari kedua Text Rainbow Jvascript ini dengan Rainbow Text pada postingan yang lama dengan sekarang:
  1. Text Rainbow lama tidak bisa untuk Link, melainkan hanya untuk <span> tetapi dengan rainbow ini bisa untuk semua.
  2. Hasil perubahan dari warna netral ke Pelangi tidak sama, bisa dilihat nanti di bawah
  3. Rainbow Text ini dapat bergerak dengan warnannya
Sangat berbeda bukan dengan melihat keterangan keterangan perbedaan tersebut? Namun bagaimana Wujud asli dari Text Rainbow part 2 ini? Bisa dilihat dan di saksikan Demodi bawah ini, sebelumnya aktifkan dulu javascript pada web browser sobat! . Contohnya seperti ini:



http://kamar3ventilasi.blogspot.com

Berikut adalah cara supaya agar Rainbow Text ada pada blog sobat?
1. Buka blogger sobat dengan password dan ID untuk membukannya.
2. Saat di dashboard, klik Layout/Design
3. Klik Edit HTML, kemudian letakan kode berikut diatas tepat kode <head> :

<script src="http://teks-pelangi.googlecode.com/files/rainbow2.js" type="text/javascript">
</script>
4. Kemudian Save Template~
5. Belum selesai karena kita belum meletakan mana-mana yang akan di jadikan Rainbow Text. Letakan kode berikut di manapun (posting, gadget, atau lain lain)

<center><a href="http://kamar3ventilasi.blogspot.com/" id="rainbow">http://kamar3ventilasi.blogspot.com</a>
<script type="text/javascript">
var rainbow=document.getElementById("rainbow");var rainbowspan=new RainbowSpan(rainbow, 0, 360, 255, 50, 18);rainbowspan.timer=window.setInterval("rainbowspan.moveRainbow()", rainbowspan.speed);
</script></center>
6. Ganti tulisan kuning di atas dengan tulisan yang sobat inginkan.
7. Save

Nah,, keren kan efeknya. Buruan dicoba,,hehehe

No comments:

Post a Comment

Luangkanlah waktu untuk berkomentar di blog ini. Berkomentarlah secara bijak( jangan SPAM). Komentar anda adalah suatu kebanggaan buat saya.

PERSIAPAN SEBELUM MENGAJAR | CINTAILAH PROFESI ANDA

  Bila seseorang sedang jatuh cinta, apa pun akan dilakukan untuk   mendapatkan cintanya. Tidak cukup waktu, energi, harta,   benda, bahkan ...