Beranda Blogger

Menampilkan efek cahaya neon saat di klik

Ar-rahim 🇵🇸
Ar-rahim 🇵🇸
Diperbarui: • 0 • menit membaca
Daftar Isi

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana kah caranya membuat efek preloader cahaya neon hanya muncul saat di klik atau menampilkan cahaya neon saat di klik di blogger

Info: Oke sobat ICloudzer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Cahaya Neon

Pada pembahasan sebelumnya admin telah membahas bagaiamana caranya membuat efek preloader Lampu neon atau cahaya neon di blogger, dan sekarang admin akan membahas bagaimana cara memunculkan efek lampu neon saat di klik atau hanya muncul saat di klik

Contoh Tampilan

Agar kamu tidak penasaran dengan bagaiamana kah cara menampilkan efek lampu neon di blogger tersebut, silahkan klik tombol di bawah ini untuk memeriksanya

Periksa

Info: Bagaimana sobat dengan contoh tampilan nya keren sekali yak

Cara pembuatan

Baiklah sobat sekarang saatnya lah admin jelaskan bagaimana caranya membuat efek cahaya neon yang muncul saat di klik di blogger, silahkan di baca dan di ikuti setiap arahan yang bakal admin jabarkan di bawah ini

  1. Langkah pertama yang bisa kamu lakukan adalah login ke blogger menggunakan akun google milik anda
  2. Langkah selanjutnya silahkan pergi kemenu Theme atau Tema kemudian pilih menu Edit HTML
  3. Jika sudah silahkan salin source kode pembuat efek neon di bawah ini, kemudian taruh di bawah kode <body>
    4. <!--[ HTML and Javascript: Neon Lighting by ICloudice.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>
  4. Agar tampilan cahaya neon muncul saat di klik, silahkan kamu tambahkan fungsi script pemanggilnya yakni onclick='rahNeon(53)' pada tombol menu yang kamu inginkan
  5. Atau jika bingung silahkan lihat contoh penerapan fungsi onclick='rahNeon(53)' pada tombol secara benar
    6. <label class='tNav tIc bIc b-Ic' for='offNav' onclick='rahNeon(53);vibRate(53)'><b:include name='ham-icon'/></label>

    Info: Untuk info lebih lanjut atau ingin bertanya silahkan gunakan form komentar, semoga bermanfaat

    Ar-rahim 🇵🇸
    Ar-rahim 🇵🇸 Keindahanmu akan kuabadikan disetiap karyaku.

Posting Komentar