Salam hangat..:PosTKJ ada pembhasan buat :paraPosTKJ semua, kali ini tentang "Cara membuat Lampu Neon atau Tulisan bercahaya berjalan selayak neon di hari natal". Hari ini PosTKJ langsung ke tutorial saja oke cos mau pergi nih PosTKJ. Di sempat-sempatin buat posting demi :paraPosTKJ...hiks
ayuk..:1.Login Blogger
2.Page Element
3.Klik Add Gadget
4.Klik HTML/JavaScript
5.Copy and paste kode dibawah ini:
<h2>
<script language="JavaScript1.2">
var message="PosTKJ"
var neontextcolor="#2EFE2E"
var neontextcolor2="#58FAF4"
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>
</h2>
<script language="JavaScript1.2">
var message="PosTKJ"
var neontextcolor="#2EFE2E"
var neontextcolor2="#58FAF4"
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>
</h2>
KETERANGAN
Kuning: Teks yang :paraPosTKJ kehendaki.
Hijau : Code Warna
6.Buat Ganti Code warna Klik Here
7.Klo semua sudah di edit nanti jadinya seperti Klik Here
8. Finish...oke :PosTKJ pergi dulu...
source : http://opa-ma.blogspot.com/2011/01/create-effect-neon-natal-blogweb.html
Comments :
0 komentar to “Membuat Efek Neon Natal Blog”
Post a Comment
Silahkan kasih komentar yang baik, dan bisa membangun blog ini.