Cara membuat Blog (Kode Neon Lights Text)

Neon Light Text merupakan efek tulisan seperti cahaya neon yang berganti warna dan terlihat ada animasi teks. Sehingga tampilan teks dalam blog akan terlihat lebih menarik. Untuk membuat neon lights text diperlukan variabel :

Variabel mesagge, berisi teks yang akan ditampilkan

Variabel neonbasecolor, menentukan warna awal dalam tulisan

Variabel neontext color, menentukan warna kedua dalam tulisan

Varabel flashspeed, kecepatan berganti warna

Cara membuat Neon Lights Text dalam blog yaitu dengan langkah-langkah sebagai berikut;

Masuk akun Blogger

1. Pilih Menu “ Tata Letak ”

2. Pilih “ Tambahkan gadget ”

3. Pilih “ HTML/JavaScript “

4. Tuliskan Kode dibawah ini dalam “ konten “, untuk form judul tidak perlu diisi :

<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="SERVICE KOMPUTER"
var neonbasecolor="gray"
var neontextcolor="orange"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>

5. Klik Simpan

Keterangan:

Tulisan yang berwarna merah ganti dengan tulisan yang anda mau

Tulisan yang berwarna jingga adalah warna awalnya

Tulisan yang berwarna hijau adalah warna kedua

Tulisan yang berwarna ungu adalah kecepatan berganti warnanya

6. Klik Lihat Blog

Dan Hasilnya: