Membuat efek cahaya neon (Neon Light) pada text

Membuat efek cahaya neon (Neon Light) pada text

Membuat efek cahaya neon (Neon Light) pada text.Effect NEON LIGHT sangat keren dan tidak akan memberatkan kecepatan loading sobat, effect ini akan sangat menarik pada postingan sobat dan otomatis pengunjung akan banyak yang suka,
Tunggu apa lagi sob buruan pakai maka tampilan blog sobat akan lebih menarik untuk memakainya ikuti lankah berikut ini :
silahkan Lihat dengan baik-baik tutorial ini:
1. Login ke blogger
2. klik Template >> Edit Html >> Lanjutkan >> Expand Template Widget
3. Gunakan CTRL+F kemudian cari kode </head>  
{{ UNTUK MEMPERMUDAH PENCARIAN MAKA TEKAN CTRL + F ATAU F3 }}
4. Jika sudah ketemu copy kode di bawah ini dan paste di atas kode tersebut

001<script type="text/javascript">
002// <![CDATA[
003// all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
004var fgcolour="#6600cc"; // foreground colour
005var hlcolour="#aa77ff"; // highlight colour
006var bgcolour="#ffffff"; // background colour
007var glcolour="#cc99ff"; // colour of glow around letters
008var speed=66; // speed colours change, 1 second = 1000
009var delay=50; // how long to wait between wipes
010var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
011 
012/****************************
013*Multi-Wipe Neon Text Effect*
014*(c)2003-12 mf2fm web-design*
015*  http://www.mf2fm.com/rv  *
016* DON'T EDIT BELOW THIS BOX *
017****************************/
018var w_txt, w_txl;
019var w_flp=bgcolour;
020var w_sty=Math.floor(Math.random()*8);
021var w_cnt=-1;
022var wipes=new Array();
023var wrand=new Array();
024window.onload=function() { if (document.getElementById) {
025  var i, wiper, wipei;
026  wiper=document.getElementById("wipe");
027  w_txt=wiper.firstChild.nodeValue;
028  w_txl=w_txt.length;
029  while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
030  for (i=0; i<w_txl; i++) {
031    wipei=document.createElement("span");
032    wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
033    wipes[i]=wipei.style;
034    wipes[i].textShadow=glcolour+" 0px 0px 5px";
035    wipes[i].color=fgcolour;
036    wiper.appendChild(wipei);
037  }
038  if (alink) {
039    wiper.style.cursor="pointer";
040    wiper.onclick=function() { top.location.href=alink; }
041  }
042  for (i=0; i<w_txl; i++) wrand[i]=i;
043  wiper=setInterval("randwipe()", speed);
044}}
045 
046function c(i, shade) {
047  if (shade==bgcolour) wipes[i].textShadow="none";
048  else wipes[i].textShadow=glcolour+" 0px 0px 5px";
049  wipes[i].color=shade;
050}
051 
052function randwipe() {
053  var w_old;
054  if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
055  else {
056    w_cnt=-1;
057    w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
058    w_old=w_sty;
059    while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
060  }
061}
062 
063function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
064 
065function wipe0() { // full curtains
066  var half=Math.floor(w_txl/2);
067  if (w_cnt<w_txl) {
068    c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
069    c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
070  }
071}
072 
073function wipe1() { // random
074  var i, rand, temp;
075  if (w_cnt==0) {
076    for (i=0; i<w_txl; i++) {
077      rand=Math.floor(Math.random()*w_txl);
078      temp=wrand[i];
079      wrand[i]=wrand[rand];
080      wrand[rand]=temp;
081    }
082  }
083  if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
084  if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
085}
086 
087function wipe2() { // forwards
088  if (w_cnt<w_txl) c(w_cnt, hlcolour);
089  if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
090}
091 
092function wipe3() { // backwards
093  if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
094  if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
095}
096 
097function wipe4() { // searchlight
098  if (w_cnt<w_txl) c(w_cnt, hlcolour);
099  if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
100  if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
101  if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
102  if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
103}
104 
105function wipe5() { // fade
106  var i;
107  if (w_cnt<w_txl+3) {
108    var start=(w_flp==fgcolour)?bgcolour:fgcolour;
109    var temp="#";
110    for (i=1; i<6; i+=2) {
111      var hex1=parseInt(start.substring(i,i+2),16);
112      var hex2=parseInt(w_flp.substring(i,i+2),16);
113      temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
114    }
115    for (i=0; i<w_txl; i++) c(i, temp);
116  }
117}
118 
119function wipe6() { // flash
120  var i;
121  if (w_cnt<6*Math.floor(w_txl/6)+3) {
122    if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
123    else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
124    else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
125  }
126}
127 
128function wipe7() { // checkerboard
129  var qtr=Math.floor(w_txl/4);
130  if (w_cnt<qtr) {
131    c(w_cnt, hlcolour);
132    c(w_cnt+2*qtr, hlcolour);
133  }
134  else if (w_cnt<2*qtr) {
135    c(w_cnt-qtr, w_flp);
136    c(w_cnt+qtr, w_flp);
137  }
138  else if (w_cnt<3*qtr) {
139    c(w_cnt-qtr, hlcolour);
140    c(w_cnt+qtr, hlcolour);
141  }
142  else if (w_cnt<w_txl) {
143    c(w_cnt-2*qtr, w_flp);
144    c(w_cnt, w_flp);
145  }
146}
147 
148function wipe8() { // half curtains
149  var half=Math.floor(w_txl/2);
150  if (w_cnt<half) {
151    c(w_cnt, hlcolour);
152    c(w_txl-w_cnt-1, hlcolour);
153  }
154  else if (w_cnt<w_txl) {
155    c(w_cnt-half, w_flp);
156    c(w_txl+half-w_cnt-1, w_flp);
157  }
158}
159// ]]>
160</script>

5. Jika sudah silahkan simpan template anda
6. Selanjutnya supaya efek ini bekerja anda harus membuat kode seperti ini pada text yang akan anda beri efek

<span id="wipe">Letakkan Text Anda Disini</span>