Cara Membuat Efek Neon Light Text Di Blog Dengan Cepat dan Mudah

Satria Perwira    9/01/2012    Trixs Blogging   

Cara Membuat Efek Neon Light Text Di Blog Dengan Cepat dan Mudah

Rafi Orilya Groups, Maaf sahabat ROG, akhir-akhir ini saya jarang posting. Sekali lagi saya minta maaf, karena banyak kesibukan sekolah yang akhir-akhir ini membuat saya jadi sulit untuk menulis artikel diblog saya tercinta ini. Baik, kali ini saya akan bahas mengenai Teks Efek, hm.. pasti sobat udah membayangkan pastinya. Kali ini teks efek yang akan kita bahas adalah Noen Lights Text, nah.. kalo sekarang pasti uda berimajinasi deh. Yap.. betul, Teks yang akan diefek akan menyala. Yaa.. seperti lampu neon yang ada dirumah sobat.
Tertarik mencoba-? Yuk ikuti langkahnya…

Contohnya dibawah ini :

Dibawah ini adalah javascript.nya

<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="Selamat Datang dan Trimkasih"
var neonbasecolor="gray"
var neontextcolor="blue"
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>

Jika sobat ingin memasangnya pada blog ikuti langkah dibawah ini :
1. Masuk ke blogger
2. Klik Tata Letak
3. Pilih Tambah Gadget/widget => Pilih HTML/Javacript
4. Masukan javascript diatas
5. Save dan simpan

Pengaturan Efek Neon Lights :
Bagian warna biru : Adalah tulisan yang akan diefek
Bagian warna kuning : Warna 1 teks
Bagian warna hijau : Warna 2 teks
Warna merah : Kecepatan teks

Bagaimana? Menarik bukan teksnya… So teks tersebut bisa kita jadikan ucapan selamat datang atau hanya sekedar menghias blog sobat agar lebih menarik lagi. Semoga postingan kali ini bermanfaat dan saya harap tinggalkan sedikit komentar mengenai postingan ini. Terima kasih….

Artikel Dilindungi
Sertakan alamat blog ini jika mengcopy paste artikel
Hak Cipta Dilindungi

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin