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 :
{{ 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"> |
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) |
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 | ****************************/ |
020 | var w_sty=Math.floor(Math.random()*8); |
022 | var wipes=new Array(); |
023 | var wrand=new Array(); |
024 | window.onload=function() { if (document.getElementById) { |
026 | wiper=document.getElementById("wipe"); |
027 | w_txt=wiper.firstChild.nodeValue; |
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); |
039 | wiper.style.cursor="pointer"; |
040 | wiper.onclick=function() { top.location.href=alink; } |
042 | for (i=0; i<w_txl; i++) wrand[i]=i; |
043 | wiper=setInterval("randwipe()", speed); |
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; |
054 | if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();"); |
057 | w_flp=(w_flp==fgcolour)?bgcolour:fgcolour; |
059 | while (w_old==w_sty) w_sty=Math.floor(Math.random()*9); |
063 | function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); } |
065 | function wipe0() { // full curtains |
066 | var half=Math.floor(w_txl/2); |
068 | c(w_cnt, (w_cnt<half)?hlcolour:w_flp); |
069 | c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp); |
073 | function wipe1() { // random |
076 | for (i=0; i<w_txl; i++) { |
077 | rand=Math.floor(Math.random()*w_txl); |
079 | wrand[i]=wrand[rand]; |
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); |
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); |
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); |
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; |
105 | function wipe5() { // fade |
108 | var start=(w_flp==fgcolour)?bgcolour:fgcolour; |
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)))); |
115 | for (i=0; i<w_txl; i++) c(i, temp); |
119 | function wipe6() { // flash |
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); |
128 | function wipe7() { // checkerboard |
129 | var qtr=Math.floor(w_txl/4); |
132 | c(w_cnt+2*qtr, hlcolour); |
134 | else if (w_cnt<2*qtr) { |
138 | else if (w_cnt<3*qtr) { |
139 | c(w_cnt-qtr, hlcolour); |
140 | c(w_cnt+qtr, hlcolour); |
142 | else if (w_cnt<w_txl) { |
143 | c(w_cnt-2*qtr, w_flp); |
148 | function wipe8() { // half curtains |
149 | var half=Math.floor(w_txl/2); |
152 | c(w_txl-w_cnt-1, hlcolour); |
154 | else if (w_cnt<w_txl) { |
155 | c(w_cnt-half, w_flp); |
156 | c(w_txl+half-w_cnt-1, w_flp); |
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>