Cara membuat text dengan efek neon di blog
IRVAN EFENDI
Saturday, December 7, 2013
Tutorial Blogger by Irvan Efendy,... Jangan Lupa Kasih Komen ya agan2 :)
OKE langsung aja simak cara bikin tulisan kayak diatas itu,..
Nih cara nya gan,... :-)
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.
Jika bermanfaat? Bantu share ya sobat
![]()
Modal Kecil bisa mendapatkan hasil yg luar biasa...
My life is my message.
jangan lupo mampir ke blog saya ya gan di www.portalcoding.com
Cuma Slidernya tidak bisa jalan ya jika blogspot di alihkan ke dot.ID
Mohon infonya.
Tolong gan !!