Kamis, 02 Mei 2013

Membuat Tulisan Dengan Efek Neon Pada Blog



kwkwkkk...
oke langsung aja step cara bikin tulisan kayak gini,..

 Nih cara nya...
1. Login blogger, lalu terserah sobat mau masuk ke post atau tata letak.
2. Copy paste kode di bawah ini.

<div style="text-align: center;">
<h1>
<script language="JavaScript1.2">
var message="NEON TEXT"
var neonbasecolor="red"
var neontextcolor="cyan"
var flashspeed=100
var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('')
}
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>
</h1>
</div>

3. Keterangan :
Warna hijau enunjukkan letak tulisan neon. (center, left, right)
Warna kuning menunjukkan ukuran tulisan. Dapat diganti dengan <h1></h1> ; <h2></h2> ; dst. (semakin kecil angkanya semakin besar tulisannya).
Warna orange menunjukkan tulisan yang diberi efek neon.
Warna merah menunjukkan warna dasar neon (ganti dengan kode html warna atau warna dalam bahasa inggris)
Warna biru muda menunjukkan warna efek neonnya.
Warna ungu menunjukkan kecepatan efek neonnya bergerak dalam satuan milisecond.

4. Selesai.

semoga bermanfaat.

0 komentar:

Posting Komentar