Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Cara membuat text dengan efek neon di blog




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.

Terima kasih telah membaca artikel tentang Cara membuat text dengan efek neon di blog di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template