Membuat Efek Cahaya Neon Saat Di Klik

Halo Teman Agan! Kali ini saya akan menjelaskan bagaimana cara membuat efek preloader cahaya neon yang hanya muncul saat diklik di Blogger.

Cahaya Neon

Sebelumnya, admin sudah membahas cara membuat efek preloader lampu neon di Blogger. Nah, kali ini kita akan membahas bagaimana cara menampilkan efek lampu neon yang hanya aktif saat diklik.

Preview Efek Neon

Penasaran dengan tampilan efek neon ini? Kamu bisa melihat contohnya gambardi bawah ini! Atau pada Blog saya ini.

Info: Gimana? Keren banget, kan?

Cara Membuat Efek Neon Muncul Saat Diklik

Yuk, ikuti langkah-langkah berikut untuk menerapkan efek cahaya neon yang muncul saat diklik di Blogger:

Masuk ke Blogger
Login ke akun Blogger kamu dengan akun Google.
Buka Pengaturan Tema
Pergi ke menu Theme atau Tema, lalu pilih Edit HTML.

Tambahkan Kode Efek Neon
Salin kode efek neon yang telah disiapkan, lalu tempelkan di bawah tag <body>.

<!--[ HTML and Javascript: Neon Lighting by Egiagan.com ]-->
<div class='rahLght'/>
<script>
/*<![CDATA[*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('8 1=j;(3(a,b){8 c=j,m=a();T(!![]){U{8 d=6(c(V))/(W*X+Y+-Z)+6(c(10))/(-9*11+9*-12+13)+-6(c(14))/(15*-9+16+17)+-6(c(18))/(B*-19+-1a+1b)+-6(c(1c))/(1d+1e*9+-1f)+6(c(1g))/(-1h+-C*-1i+-D*-1j)*(-6(c(1k))/(1l*1m+1n*1o+-1p))+-6(c(1q))/(-1r*-1s+-1t+1u)*(-6(c(1v))/(9*-1w+1x*1y+-1z*-1A));1B(d===b)1C;1D m[\'E\'](m[\'F\']())}1E(1F){m[\'E\'](m[\'F\']())}}}(o,-1G+1H*1I+-1J*-B));3 1K(d){8 e=j,h={\'G\':e(1L),\'H\':e(1M),\'I\':3(a,b){i a!=b},\'J\':3(a,b,c){i a(b,c)},\'K\':3(a,b){i a+b}},u=x[e(1N)+e(1O)](h[e(1P)]);h[e(1Q)](u,1R)&&(u[e(L)][e(1S)](h[e(M)]),h[e(1T)](1U,3(){8 a=e;u[a(L)][a(1V)](h[a(M)])},h[e(1W)](d,1X+-C*-1Y+-1Z*20)))}3 o(){8 a=[\'21\',\'n:22\',\'t-23\',\'24:0;25\',\'26\',\'A:27\',\'28\',\'29-2a\',\'N::2b\',\'2c:2d\',\'2e-2f\',\'2g,\\2#31\',\'2h{2i\',\'y:2j;2k\',\'n:0%\\p%}5\',\'2l:2m\',\'N\',\'2n\',\'\\2.v.\',\'(O)}\\2.r\',\'.v::\',\'e;2o\',\':2p;z-2q\',\'2r(-2s\',\'2t:q%\',\'2u\\2v\',\'s\\2w\',\'P,\\2.r\',\'2x:O;f\',\'K\',\'2y:0%\\p\',\'Q.2z\',\'2A\\2B\',\'2C:2D\',\'32);2E\',\'7}\\2@-2F\',\'2G-2H\',\'2I,\\2#2J\',\'r\\2K\',\'\\p%}q%{\',\';2L:2M;\',\'t:\\R\\R;2N\',\'l\\2O\\2P}\',\'2Q{0\',\'Q::2R\',\'2S\',\'2T\',\'2U\',\'A:q%\\p\',\'2V\',\'2W\',\'g,\\2#2X\',\'A\\S\\2Y\',\'2Z-30\',\',\\2#33,\',\'\\2.v:\',\'34/35\',\'36\',\'50%}}\',\'37\',\'J\',\'38\',\';39\',\'3a:3b;\',\'%}50%{3c\',\'3d-3e\',\'%}q%{3f\',\'n\\S\\3g\',\'3h:3i;3j\',\'r{3k\',\'3l\',\'H\',\'3m\',\'-3n:\',\'0%\\p%}}@k\',\'3o:0;3p\',\'0%{3q\',\'3r-3s:\',\';3t:.\',\'l::P,\',\'3u:0%\\2\',\'3v-3w\',\'3x:0;l\',\'3y-3z\',\'3A,\\2#3B\',\'3C:q%\',\'3D\',\'.v\',\'%{3E\',\'\\2#3F,\\2\',\'n{0%{3G\',\'3H\',\'3I\',\'3J\',\'3K:l\',\'3L\',\'3M\',\'I\',\':3N{3O\',\'G\',\'3P\',\'3Q%;-3R\',\'#3S,#4\',\'3T\',\'t:0;3U\'];o=3(){i a};i o()};3 j(d,e){8 f=o();i j=3(a,b){a=a-(-9*3V+-9*-3W+-3X);8 c=f[a];i c},j(d,e)}3Y w=x[1(3Z)+1(40)](1(41));w[1(42)]=1(43),w[1(44)+\'t\']=1(45)+1(46)+1(47)+1(48)+1(49)+1(4a)+1(4b)+1(4c)+1(4d)+1(4e)+1(4f)+1(4g)+1(4h)+1(4i)+1(4j)+1(4k)+1(4l)+1(4m)+1(4n)+1(4o)+1(4p)+1(4q)+1(4r)+1(4s)+1(4t)+1(4u)+1(4v)+1(4w)+1(4x)+1(4y)+1(4z)+1(4A)+1(4B)+1(4C)+1(4D)+1(4E)+1(4F)+1(4G)+1(4H)+1(4I)+1(4J)+1(D)+1(4K)+1(4L)+1(4M)+1(4N)+1(4O)+1(4P)+1(4Q)+1(4R)+1(4S)+1(4T)+1(4U)+1(4V)+1(4W)+1(4X)+1(4Y)+1(4Z)+1(51)+1(52)+1(53)+1(54)+1(55)+1(56)+1(57)+1(58)+1(59)+1(5a)+1(5b)+1(5c)+1(5d)+1(5e)+1(5f)+1(5g)+1(5h)+1(5i),x[1(5j)][1(5k)+\'d\'](w);',62,331,'|_0x145420|x20|function|||parseInt||var|0x1||||||||_0x2d6b7f|return|_0x2481|||_0x446888||_0x5ec2|x2050|100||||_0x1d288e|rahLght|rahJsNeon|document|||on|0x5|0xc|0x152|push|shift|LDZZy|GaesK|BhbKV|JbCMX|qLmKZ|0x19f|0x199|vsbl|10px|before|ahLght|x27|x205s|while|try|0x19d|0x3c|0x6c|0x8da|0x2229|0x1b0|0x18e5|0xc83|0x256a|0x193|0x18c1|0x147a|0x44a|0x195|0x54d|0x26b7|0x413c|0x164|0x1e8c|0xa04|0x288b|0x16f|0x1ef4|0xd|0x17|0x163|0x1d|0xb2|0x845|0x3|0x2cf2|0x191|0x2|0x74c|0x1b80|0xcf0|0x17c|0x1aee|0x6|0x371|0x93|0xb|if|break|else|catch|_0x14fbd4|0x1379a|0x552c|0x9|0xf55c|rahNeon|0x1af|0x18d|0x171|0x167|0x17d|0x197|null|0x192|0x172|setTimeout|0x168|0x153|0x1237|0x1b9|0xf5|0x13|classList|animeNeo|keyframe|eft|righ|appendChil|animeNe|createElem|und|positi|afte|nsition|al|round|posi|086F4|ter|conten|none|opa|ilter|blur|1547332OlWRXj|animatio|5px|ind|ient|45de|ition|eyframes|x20a|x20animeNeo|ght|tion|vsb|ar|x20infinit|ty|visible|backgr|webki|inear|grad|A952|FBB|x20infinite|top|auto|posit|x201s|x20ease|nimeNeon|af|3369646GgfaBr|1003050aKcZml|style|tor|remove|4086F4|x20line|it|animati|||31A952|text|css|6apYdSG|querySelec|type|visibilit|ion|fixed|back|nd|positio|bac|x20linea|ex|9999|ba|visibili|33435SbwTwy|background|position|city|tra|backgro|ound|size|opacity|sition|kground|po|bottom|ground|pos|E01|EB41|width|head|backgrou|FBBE01|backg|1064jcDsQd|add|227580mOcozU|ckground|928584jveLzG|textConten|after|hei|ent|200|webk|EB4132|152759svfPtt|height|0x13d|0x36f|0xe7|const|0x1a5|0x19a|0x165|0x173|0x16e|0x196|0x1b3|0x151|0x162|0x1ab|0x15f|0x175|0x18b|0x15e|0x188|0x1a2|0x19e|0x14c|0x17a|0x194|0x15a|0x14d|0x169|0x16c|0x18f|0x19c|0x1aa|0x15b|0x18a|0x158|0x183|0x19b|0x16b|0x1a4|0x16a|0x156|0x14b|0x1a0|0x179|0x15c|0x174|0x1ac|0x181|0x1a8|0x160|0x16d|0x198|0x1ae|0x1b2|0x155|0x185|0x1b1|0x1a7|0x17b|0x157|0x184|0x159|0x1a1|0x150|0x190|0x1a9|0x154|0x176||0x189|0x14e|0x15d|0x17e|0x17f|0x180|0x14f|0x161|0x18e|0x177|0x1ad|0x182|0x1a6|0x166|0x178|0x187|0x186|0x170|0x18c|0x1a3'.split('|'),0,{}))
/*]]>*/</script>

Tambahkan Fungsi Pemanggil
Untuk membuat efek neon hanya muncul saat diklik, tambahkan kode berikut pada tombol yang ingin kamu gunakan:
onclick='rahNeon(53)'
Jika masih bingung, silakan lihat contoh penerapan fungsi ini pada tombol yang benar.
```
<label class='tNav tIc bIcMembuat efek cahaya neon saat di klik b-Ic' for='offNav' onclick='rahNeon(53);vibRate(53)'><b:include name='ham-icon'/></label>'
```