0 Cara Membuat Effect Cahaya Neon Pada Teks

Malam Hari Ini Saya Akan Sharing Tentang Cara Membuat Effect Cahaya Neon Pada Teks , Ada berbagai jenis effect teks yang dapat kita buat untuk menarik perhatian pengunjung dan membuat mereka betah didalam blog kita salah satunya adalah effect neon.

Efek teks neon cara kerjanya seperti lampu neon yang berjalan mengikuti alur teks yang ada, warna dan ritme nya pun bisa kita kostumisasi sesuai dengan selera, efek ini bisa memberikan tampilan yang menarik untuk suatu design post yang penuh dengan warna-warni. Untuk penempatannya sendiri bisa dibagian sidebar sebagai gadget atau pun dalam postingan.

Untuk membuat efek teks neon berikut langkah-langkahnya :

1. Login terlebih dahulu ke akun blogger kamu
2. Masuk ke tab " Rancangan ", pilih "Elemen Laman "
3. Setelah masuk ke " Elemen Halaman ", klik " Tambah Gadget" .
4. Setelah itu pilih " HTML/JAVA SCRIPT "

Kemudian copy paste Script di bawah di Edit HTML

<script language="JavaScript1.2">
var message=" SELAMAT DATANG DI HACKER UNIVERSITY TERIMA KASIH ATAS KUNJUNGAN ANDA "
var neonbasecolor="black"
var neontextcolor="red"
var neontextcolor2="#3300ff"
var flashspeed=1
var flashingletters=10
var flashingletters2=1
var flashpause=1
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++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
<br /> <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://situseo.blogspot.com/2011/11/membuat-efek-teks-neon-light-pada.html">thank you for visiting</a></span>

Semoga artikel Cara Membuat Effect Cahaya Neon Pada Teks bermanfaat Bagi kalian semua .. 

You Can Copying-Pasting In Blog. .
But Do not Forget to Leave your comments here on this blog progress and pr for me. .
 Thank's . . !!

 Done And Hopefully Helpful .
F397_AWH

Artikel Terkait :