May 22, 2012
What's up gan??
Are you fine today??
If You Fine, I want to tell you about "Cara Membuat Text Efek Neon Light".
Efek Neon Light adalah efek tulisan yang dimana tulisan yang gan buat akan berubah warna huruf demi huruf secara bergantian. Efek ini sangat bagus untuk menghias blog/artikel kita.
Kalau gan penasaran dengan contoh hasilnya, lihat tulisan di bawah ini :
Keren kan gan??
Kalau gan ingin tw cara membuatnya, silahkan simak penjelasannya.
Cara Membuat Text Efek Neon Light :
1. Loggin ke blog gan masing-masing
2. Masuk ke menu "Tata Letak/Page Element"
3. Pilih "Tambah Gadget"
4. Pilih "HTML/JavaScript"
*Gan juga bisa membuat "Text Efek Neon Light" di postingan/entri/artikel baru. Jika gan mw membuatnya di postingan/entri/artikel baru, maka gan hanya mengikuti langkah ke-5 dan langkah ke-6.
5. Masukkan kode berikut :
<h2><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//Visit http://www.lavixtastar.co.cc for this script
var message=""
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>
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//Visit http://www.lavixtastar.co.cc for this script
var message=""
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 :
* var neonbasecolor="blue" »» berfungsi untuk membuat warna dasar tulisan, ganti tulisan "blue" dengan warna yang gan sukai
* var neontextcolor="red" »» berfungsi untuk membuat warna efek yang pertama berjalan, ganti tulisan "red" dengan warna yang gan sukai
* var neontextcolor2="#FFFFA8" »» berfungsi untuk membuat warna efek yang kedua berjalan, ganti tulisan "#FFFFA8" dengan kode warna yang gan sukai
* var flashspeed=100 // speed of flashing in milliseconds »» berfungsi untuk menentukan kecepatan efeknya berjalan, ganti tulisan "100" dengan kecepatan yang gan sukai (misalnya : 50 atau 75 atau 90, dsb. )
* var flashingletters=3 // number of letters flashing in neontextcolor »» berfungsi untuk menentukan berapa banyak huruh/kata yang di beri efek, ganti tulisan "3" dengan banyaknya huruf/angka yang di beri efek yang gan sukai
( gan bisa melihat nama-nama warna/kode warna )
6. Ganti tulisan dengan kata-kata yang gan inginkan
7. Simpan gadget
8. Simpan perubahan
9. Selesai, dan gan bisa melihat hasilnya
Sekian dulu pemberitahuan dari
saya..
See you in my next pages..
Bye gan..!!
Selamat mencoba..
*jangan lupa komentarnya ya gan.. :D
See you in my next pages..
Bye gan..!!
Selamat mencoba..
*jangan lupa komentarnya ya gan.. :D
Tag :
Codes
Tips & Trick Blogger
{ 4 comments... read them below or Comment }
Peraturan yang harus diikuti ketika membuat komentar :
1. Tidak Membuat Link Aktif
2. Tidak SPAM
3. Menggunakan Bahasa Yang Sopan
4. Tidak Berhubungan Dengan SARA, Seks, dan Judi
Selamat Berkomentar..
Terima Kasih Atas Kerjasamanya.. ^_^
Show Konversi KodeHide Konversi Kode Show Emoticon
1. Tidak Membuat Link Aktif
2. Tidak SPAM
3. Menggunakan Bahasa Yang Sopan
4. Tidak Berhubungan Dengan SARA, Seks, dan Judi
Selamat Berkomentar..
Terima Kasih Atas Kerjasamanya.. ^_^
Show Konversi KodeHide Konversi Kode Show Emoticon
Subscribe to:
Post Comments (Atom)
makasih loh udah mo berbagi...
ReplyDeletemoga sukses ya, biar terus ngasi ilmunya... :)
thansk sob infonya,,,\sangat bermanfaat,,,
ReplyDeletejangan lupa kunjung balik,,, komen bacak and follow back,,,,
@pnetHahaha.. terima kasih kembali.. :)
ReplyDelete@amin tkjOke sob, sama-sama.. siap meluncur.. :p
ReplyDelete