Kumpulan Informasi Loker dan Kuliah di Indonesia

Saturday, February 28, 2015

Cara Membuat Efek Teks Neon Light di Blog

2:55:00 PM Posted by Abdul Rohman No comments
Neon Light Teks merupakan efek teks yang secara tiba-tiba berganti warna dalam beberapa detik. Bagi yang tertarik memasangnya, dibawah ini adalah langlah-langkah cara membuat efek teks neon light.
1. Login ke Blogger
2. Buat entri baru atau edit postingan yang ada
3. Klik menu HTML
4. Ketikkan Script dibawah ini:
=========================================================================
<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="

---Design 'Abdul Rohman'--Blogger---

"
var neonbasecolor="
gray"
var neontextcolor="
orange"
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>
=============================================================================================
5. Klik Publikasikan

Keterangan:

1)      Tulisan  --Design 'Abdul Rohman'--Blogger---
           ganti dengan tulisan yang anda mau

2)      Tulisan yang berwarna jingga adalah warna awalnya

3)      Tulisan yang berwarna hijau adalah warna kedua
4)      Tulisan yang berwarna ungu adalah kecepatan berganti warnanya
 
Dan Lihat Hasilnya:
Contoh Efek Lampu Neon

0 komentar:

Post a Comment