Cara membuat Text Efek Neon light

zigzoor
20
kampungku:malam sobat sobat langsung ke tutorial aja ya,habisnya cape nih...tapi sayang lagi kaalu ga share,..he.he..he.maklum habis keliling ngukur jalan....biasa sama si jadul "corolla78"

Jika tertarik mencoba efek neon pada text ini , silahkan copy script di bawah, kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan,
Scriptnya bisa dilihat di bawah  :



HTML:
<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script


var message="Selamat datang di blog pemula kampungku!"
var neonbasecolor="blue"
var neontextcolor="red"
var neontextcolor2="#FFFFA8"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles 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++)
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 :
Ganti teks Selamat datang di kampungku  dengan teks yang ingin ditampilkan
Pada var neonbasecolor="blue" bisa ganti blue dengan warna lain
Pada var neontextcolor="red" bisa ganti red dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Selamat mencoba mudah mudahan sharing blog kampungku bermanfaat,semoga berhasil

Sumber
DEMO:

Post a Comment

20Comments

-->Perhatian<--
Di larang Nyepam

  1. izin nyimak tutorialnya kang..

    save dulu euy, siapa tahu nanti bemanfaat...
    wilujeung wengi:}

    ReplyDelete
  2. bagus nih kang, makasih ya kang atas infonya :D

    ReplyDelete
  3. @Muro'i El-Barezy:sok disimak dulu,sayage niron ti batur ieuteh,.he...he

    ReplyDelete
  4. hurufna jadi kawas jalan-jalan nya kang?
    sae pisan,,, keun kusayah rek di terapkeun di website perusahaan ah,,,

    nuhun nya,,,,

    wilujeng ngeblog

    ReplyDelete
  5. Wah, keren neh sob, izin save as dulu sob :)

    ReplyDelete
  6. @Kang Asep:magga kang hatur nuhun kunjunganana

    wilujeung ngeblog

    ReplyDelete
  7. @Anak Rantau:silahkan di copas saja kodenya sob.

    thks kunjungannya

    ReplyDelete
  8. weiis..asik selalu sohib satu saya ini, ada ajah kreatifitas yang bikin nubi kaya saya betah dan selalu pengen nyoba..

    hepi malem senen kang

    ReplyDelete
  9. @Desa Cilembu:sok mangga di cobi kang lumayan tambih ngalamun.
    wilujeung malem senenan deui

    happy blogging

    ReplyDelete
  10. lampu neon itu warna warni-nya memang keren, apalagi kalau dijadikan penghias blog..wow, trimakasih kawan sudah berbagi info :)

    ReplyDelete
  11. hadir bawa bingkisan kecil buat sobat, kalo sudi silakan diboyong:}

    ReplyDelete
  12. @BlogS of Hariyanto:memang kang lumayan cantik,terima kasih kunjungannya.

    ReplyDelete
  13. heheheh makasih tutur na kang. di ctrl D dulu sama ds..


    salam dan suport dari DS

    ReplyDelete
  14. mantep banget gan tutorialnya, makasih banget ya

    ReplyDelete
  15. @shore hardness:sama sama sob,..terima kasih telah berkunjung

    ReplyDelete
  16. @duniasharing:mangga bd di ctrl heulamah.hatur nuhun kunjunganana

    ReplyDelete
  17. Nice share kang....

    berknjung dimari kbtulan bentar lgi siang.... *apa hbungannya???

    hehehe, dtnggu knjunan bliknya kan... :)

    ReplyDelete
Post a Comment