Cara Memberi Efek kelap-kelip bisa juga Lampu Neon pada Tulisa
Effek flashing dalam tek murni dari pengaruh JavaScript, Tidak memakai
kode CSS.
Neon Text Color jQuery dapat digunakan Untuk postingan ataupun di sidebar,
guna mempercantik tampilan blog/website sobat.
Langsung aja....
1.login blogger
2.Rancangan.
3.Tambahkan gadget, Html Java script
<script language="JavaScript1.2">
var message="Tulisan Yang diberi Efek"
var neonbasecolor=""
var neontextcolor="#fd3d3a"
var neontextcolor2="#ff8080"
var flashspeed=50 // kecepatan flashing dalam milliseconds
var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor
var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0
to disable)
var flashpause=0 // pause diantara flash-cycles dlm milliseconds
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>
ganti kode Yang diberi Efek dengan tulisan yang akan diberikan efek.
kode #fd3d3a dan #ff8080,
ganti kode warna dengan kode warna yg sobat suka.
angka 50 adalah kecepatan flashing. lebih besar angkanya maka
lebih lambat kecepatan flashing nya.
angka 5 merupakan jumlah huruf yang di flashing.
angka 1 jumlah huruf yg di flashing setelah kode pada baris ketujuh.
Sekian Dan Selamat Mencoba.....Sukses ya.....
Effek flashing dalam tek murni dari pengaruh JavaScript, Tidak memakai
kode CSS.
Neon Text Color jQuery dapat digunakan Untuk postingan ataupun di sidebar,
guna mempercantik tampilan blog/website sobat.
Langsung aja....
1.login blogger
2.Rancangan.
3.Tambahkan gadget, Html Java script
<script language="JavaScript1.2">
var message="Tulisan Yang diberi Efek"
var neonbasecolor=""
var neontextcolor="#fd3d3a"
var neontextcolor2="#ff8080"
var flashspeed=50 // kecepatan flashing dalam milliseconds
var flashingletters=5 // jumlah huruf yg di flashing dlm neontextcolor
var flashingletters2=1 // jumlah huruf yg di flashing dlm neontextcolor2 (0
to disable)
var flashpause=0 // pause diantara flash-cycles dlm milliseconds
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>
ganti kode Yang diberi Efek dengan tulisan yang akan diberikan efek.
kode #fd3d3a dan #ff8080,
ganti kode warna dengan kode warna yg sobat suka.
angka 50 adalah kecepatan flashing. lebih besar angkanya maka
lebih lambat kecepatan flashing nya.
angka 5 merupakan jumlah huruf yang di flashing.
angka 1 jumlah huruf yg di flashing setelah kode pada baris ketujuh.
Sekian Dan Selamat Mencoba.....Sukses ya.....
0 komentar:
Posting Komentar