Cara Membuat Efek Cahaya Neon 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

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