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)'
004 var fgcolour="#6600cc"; // foreground colour
005 var hlcolour="#aa77ff"; // highlight colour
006 var bgcolour="#ffffff"; // background colour
007 var glcolour="#cc99ff"; // colour of glow around letters
008 var speed=66; // speed colours change, 1 second = 1000
009 var delay=50; // how long to wait between wipes
010 var 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 ****************************/
018 var w_txt, w_txl;
019 var w_flp=bgcolour;
020 var w_sty=Math.floor(Math.random()*8);
021 var w_cnt=-1;
022 var wipes=new Array();
023 var wrand=new Array();
024 window.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
046 function 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
052 function 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
063 function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
064
065 function 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
073 function 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
087 function 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
092 function 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
097 function 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
105 function 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
119 function 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
128 function 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
148 function 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 Letakkan Text Anda Disini