Membuat Tulisan Pelangi Pada Blog

Sudah lama sekali saya tidak meletakan tangan saya di atas keyboard untuk membuat tulisan pada blog ini. Salah satu penyebabnya yaitu ada trouble pada blog ini yang bisa membuat saya semakin confused sekali. Tapi, Alhamdulillah trouble pada blog ini bisa di obati. hhee #jadicurhat.

To the point, seperti pada judul yang saya cantumkan diatas, saya ingin berbagi ilmu bagaimana cara membuat tulisan pelangi pada blog. Dalam tulisan saya kali ini, saya mempunyai script yang di gunakan untuk membuat 2 macam tulisan pelangi.

1. Untuk jenis tulisan pelangi seperti
PELANGI
maka langkah- langkahnya yaitu :
    Buka edit HTML kemudian ketik code ini dibawah tulisan </head> :
    <script src='http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js'/>

    Selanjutnya pada dasbor klik rancangan > tambah gadget > pilih HTML/java script, kemudian ketik kode
    <span class="rainbow_text"> teks yang ingin dibuat pelangi</span> lalu save


2. Untuk jenis tulisan pelangi seperti

Langkah-langkahnya , pada Dasbor klik rancangan > tambah gadged > pilih HTML/javascript, kemudian ketik  kode :



<b>
<script>
// ********** MAKE YOUR CHANGES HERE
var text="teks yang ingin dibuat pelangi" // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</b>

Lalu Save...

...Semoga bermanfaat...
      

Tidak ada komentar:

Posting Komentar

Beautiful in white

Google Translator

English French German Spain Italian Dutch Russian Japanese Korean Arabic Chinese Simplified
Related Posts Plugin for WordPress, Blogger...

Followers

Web Informer Button