Minggu, November 13

Cara Membuat Effect Cahaya Neon Pada Teks

Cara Membuat Effect Cahaya Neon Pada Teks - Ada berbagai jenis effect teks yang dapat kita buat untuk menarik perhatian pengunjung dan membuat mereka betah didalam blog kita salah satunya adalah effect neon.

Efek teks neon cara kerjanya seperti lampu neon yang berjalan mengikuti alur teks yang ada, warna dan ritme nya pun bisa kita kostumisasi sesuai dengan selera, efek ini bisa memberikan tampilan yang menarik untuk suatu design post yang penuh dengan warna-warni. Untuk penempatannya sendiri bisa dibagian sidebar sebagai gadget atau pun dalam postingan.

Untuk membuat efek teks neon berikut langkah-langkahnya :
  1. Login terlebih dahulu ke akun blogger kamu
  2. Masuk ke tab " Rancangan ", pilih "Elemen Laman "
  3. Setelah masuk ke " Elemen Halaman ", klik " Tambah Gadget" .
  4. Setelah itu pilih " HTML/JAVA SCRIPT "
Kemudian copy paste Script di bawah di Edit HTML

<script language="JavaScript1.2">
var message=" SELAMAT DATANG DI SITUSEO BLOG TERIMA KASIH ATAS KUNJUNGAN ANDA "
var neonbasecolor="black"
var neontextcolor="red"
var neontextcolor2="#3300ff"
var flashspeed=1
var flashingletters=10
var flashingletters2=1
var flashpause=1
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>
<br /> <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://situseo.blogspot.com/2011/11/membuat-efek-teks-neon-light-pada.html">thank you for visiting</a></span>

Semoga artikel Cara Membuat Effect Cahaya Neon Pada Teks bermanfaat...

1 komentar:

  1. makasih yah Kakak. bagus ni, baru tau ada yang kaya gini. ijin copy,:D ;;) ;) :) :x :-* =))

    BalasHapus