Cara Membuat Teks Warna Pelangi (Rainbow Text)

Cara Membuat Teks Warna Pelangi (Rainbow Text) - Masih pengen ngomongin tentang cara ngehias blog nih. . .
Setelah sebelumnya gw share tentang cara Membuat Efek Link Warna Pelangi, sekarang gw mau coba share tentang Cara Membuat Teks Warna Pelangi (Rainbow Teks).

Teks Warna Pelangi???
Eapz.. Ternyata bukan hanya link, tapi teks juga dapat kita modifikasi agar terlihat cantik.
Hmmmmm... Masih bingung ea??
coba liat contohnya dibawah ini deh!!
Eko Tips n Trick

Tertarik??
Untuk membuat teks warna pelangi seperti contoh di atas, kita hanya perlu menggunakan script/kode di bawah ini . . .

  1. <b>
  2. <script>
  3. var text="Eko Tips n Trick"
  4. var speed=50
  5. if (document.all||document.getElementById){
  6. document.write('<span id="highlight">' + text + '</span>')
  7. var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
  8. }
  9. else
  10. document.write(text)
  11. var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
  12. var r=1
  13. var g=1
  14. var b=1
  15. var seq=1
  16. function changetext(){
  17. rainbow="#"+hex[r]+hex[g]+hex[b]
  18. storetext.style.color=rainbow
  19. }
  20. function change(){
  21. if (seq==6){
  22. b--
  23. if (b==0)
  24. seq=1
  25. }
  26. if (seq==5){
  27. r++
  28. if (r==12)
  29. seq=6
  30. }
  31. if (seq==4){
  32. g--
  33. if (g==0)
  34. seq=5
  35. }
  36. if (seq==3){
  37. b++
  38. if (b==12)
  39. seq=4
  40. }
  41. if (seq==2){
  42. r--
  43. if (r==0)
  44. seq=3
  45. }
  46. if (seq==1){
  47. g++
  48. if (g==12)
  49. seq=2
  50. }
  51. changetext()
  52. }
  53. function starteffect(){
  54. if (document.all||document.getElementById)
  55. flash=setInterval("change()",speed)
  56. }
  57. starteffect()
  58. </script>
  59. </b>
 Sepertinya engga usah dijelasin panjang lebar lagi, gw yakin sobat blogger udah tau apa yang harus dilakuin dengan kode di atas.

2 comments

wah,,, mkasih ka ilmunya... sangat menarik...
oiya, kunjungi balik yah,,, sekalian follow back.

Reply

klo boleh tau mas blognya apa yah aku bingung nyarinya

Reply

Post a Comment

W a r n i n g !
Komentar anda tidak boleh mengandung unsur:
- Penghinaan atau Pelecehan.
- Spamming (Spam Comment).
- Link Aktif atau Anchor Text, dan sejenisnya.

Komentar akan muncul setelah di setujui.
Tulislah setiap kata dengan penuh kesopanan.

Terima kasih untuk kunjungannya.