Memuat berita terbaru...
Beranda
Blog Tips
Blogger

Wedget neon preloader atau loading rgb di blogger

Cara membuat icon preloader automatis di bawah blogger, Wedget neon preloader atau loading rgb di blogger, caramembuat preloader
TipsTechPraktis
Wedget neon preloader atau loading rgb di blogger
Wedget neon preloader atau loading rgb di blogger

Hello sobat randa-xp kali ini saya bakalan membahas mengenai bagaimana caranya membuat efek preloader cahaya neon rgb di blogger atau menampilkan loading blog seperti lampu neon rgb di blogger jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas cara nya.

Cahaya Neon

Cahaya neon selalu identik dengan warna terang dan berkilau, jika anda menyukai nya, mungkin efek cahaya neon di blogger bisa kamu terapkan dan kamu gunakan untuk mempercantik tampilan blog, pastinya.

Cahaya neon nantinya akan tampil di bawah blog, jadi setiap kali pengunjung blog anda merefresh atau berpindah halaman blog anda, efek preloader cahaya neon tersebut akan muncul secara otomatis, dan kamu bisa mengatur efek preloader cahaya neon muncul hanya saat mengklik halaman, menggunakan tombol menu jika memungkinkan.

Contoh Tampilan

Untuk melihat tampilan dari efek preloader cahaya neon tersebut, silahkan refresh halaman postingan ini sekarang, dan periksa pada bagian bawah blog ini, bagaimana tampilanya.

Cara Membuatnya

Baiklah sobat sekarang saatnya admin jelaskan bagaimana caranya membuat efek cahaya neon di blogger, silahakan baca dan ikuti setiap langkah yang admin berikan di bawah ini:

¤Ikuti Tutorial Di Banawah Ini:

  1. Langkah pertama yang bisa kamu lakukan adalah, 
  2. login ke blogger menggunakan akun google milik anda.
  3. Selanjutnya silahkan pergi ke menu Theme atau Tema selanjutny silahkan pilih lagi menu Edit HTML.
  4. Kemudian silahkan cari kode <body> menggunakan menggunakan tombol CTRl+Funtuk menemukan kode tersebut Jika sudah ketemu silahkan salin kode di bawah ini dan letakkan di bawah kode <body>.

<!--[ HTML and Javascript: Neon Lighting ]-->
<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=i;9 j(){8 a=[\'Q:0%\\m\',\'R\',\'S-T\',\'U\\V\',\'n{0%{W\',\'X\',\'Y-Z\',\'10:0;l\',\'t:\\B\\B;11\',\'12:0;13\',\'w:o%\\m\',\'14:0%\\2\',\'15{16\',\'17\',\'.h\',\'7}\\2@-18\',\'C,\\2.r\',\'\\2#19,\\2\',\':1a{1b\',\'w:1c\',\';1d:1e;\',\'1f:D;f\',\'s\\1g\',\'n:1h\',\'1i\',\'E.1j\',\'1k\',\'1l{0\',\'1m:1n;1o\',\'1p\',\'1q\',\'50%}}\',\'r\\1r\',\'1s\',\'1t-1u\',\'1v/1w\',\'%}50%{1x\',\'32);1y\',\'1z\',\'-1A:\',\'#1B,#4\',\'1C\',\'1D:1E\',\'1F:o%\',\';1G:.\',\'1H,\\2#1I\',\'1J\',\'\\2.h:\',\'1K\',\'1L:1M\',\',\\2#1N,\',\'1O\',\'l::C,\',\'1P-1Q\',\'1R-1S\',\'1T%;-1U\',\'1V:1W\',\';1X\',\'1Y:l\',\'%{1Z\',\'20-21\',\'E::22\',\'%}o%{23\',\'0%\\m%}}@k\',\'(D)}\\2.r\',\'0%{24\',\'25\',\'w\\F\\26\',\'y:27;28\',\'29,\\2#2a\',\'n\\F\\2b\',\'2c\',\'2d\',\'2e\',\'2f\',\'n:0%\\m%}5\',\'2g\',\'\\2.h.\',\'2h-2i:\',\'r{2j\',\'l\\2k\\2l}\',\'2m\',\'2n\',\'t-2o\',\'2p\',\'2q:o%\',\'e;2r\',\'t:0;2s\',\'g,\\2#2t\',\'G\',\'2u:0;2v\',\'2w\',\'2x(-2y\',\'2z:2A;\',\'2B,\\2#31\',\'2C\',\'2D\\2E\',\'2F\',\'H::2G\',\'\\m%}o%{\',\'2H-2I\',\'2J\',\'H\',\'2K\',\'I\',\'2L\',\':2M;z-2N\',\'.h::\'];j=9(){p a};p j()}9 i(d,e){8 f=j();p i=9(a,b){a=a-(-2O+2P+-2Q*-2R);8 c=f[a];p c},i(d,e)}(9(a,b){8 c=i,q=a();2S(!![]){2T{8 d=3(c(2U))/(-2V*-x+2W*2X+-2Y)+-3(c(2Z))/(30*-33+34+35*36)*(3(c(37))/(-38*6+39+3a*J))+3(c(3b))/(3c*K+6*-3d+L*-3e)*(3(c(3f))/(-6*-3g+3h+J*-3i))+3(c(3j))/(-3k+3l+-3m)*(-3(c(3n))/(-3o+-3p+6*3q))+3(c(3r))/(3s*6+x*-3t+-3u)+3(c(3v))/(-x*3w+-3x*6+-3y*-3z)*(-3(c(3A))/(-3B*-3C+3D+6*-3E))+3(c(3F))/(6*-3G+-L*3H+-6*-3I);3J(d===b)3K;3L q[\'M\'](q[\'N\']())}3M(3N){q[\'M\'](q[\'N\']())}}}(j,3O*3P+3Q*6+3R));8 h=u[1(3S)+1(3T)](1(3U));h[1(O)][1(3V)](1(P)),u[1(3W)+1(3X)](1(3Y)+1(3Z),9(){8 d=1,A={\'I\':d(P),\'G\':9(a,b,c){p a(b,c)}};A[d(K)](40,9(){8 a=d;h[a(O)][a(41)](A[a(42)])},-43+44+45)});46 v=u[1(47)+1(48)](1(49));v[1(4a)]=1(4b),v[1(4c)+\'t\']=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(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)+1(5j)+1(5k)+1(5l)+1(5m)+1(5n)+1(5o)+1(5p)+1(5q)+1(5r),u[1(5s)][1(5t)+\'d\'](v);',62,340,'|_0x37fdc8|x20|parseInt|||0x1||var|function||||||||rahLght|_0x1a92|_0x100a|||x2050||100|return|_0xa72cb6||||document|rahJsNeon|on|0x2|||_0x111274|x27|before|10px|ahLght|x205s|tSbld|vsbl|ciSIw|0x5|0x6c|0x6|push|shift|0xa5|0x79|tion|tor|und|positi|ar|x20infinit|backg|1644471hpyGhc|it|animati|bottom|posit|city|tra|sition|ter|conten|style|webki|FBBE01|after|hei|animeNe|top|auto|ght|x20animeNeo|animeNeo|112KIjhCz|vsb|addEventLi|nimeNeon|ex|9999|ba|head|stener|x20infinite|textConten|inear|grad|text|css|back|backgr|classList|position|EB4132|Loaded|nsition|al|ition|opacity|E01|EB41|DOMContent|59935jdMvTv|ty|visible|31A952|4dJzrYY|ground|pos|round|posi|200|webk|ilter|blur|visibilit|ckground|backgrou|kground|po|af|bac|backgro|createElem|x20line|none|opa|A952|FBB|x20linea|remove|1021405XDlzJi|add|1313855yJGNSK|10ysxJzM|ound|size|visibili|x201s|x20ease|ent|83580FvpEvy|keyframe|18pSAIrr|width|animatio|height|4086F4|eft|righ|25684ByRnXM|ient|45de|ion|fixed|086F4|appendChil|eyframes|x20a|background|afte|nd|positio|querySelec|1609712zRCFbP|type|5px|ind|0x917|0x627|0x16|0x27|while|try|0xaf|0x76c|0x1c1|0x9|0x1ea0|0x6e|0x4|||0x779|0xe8|0x9aa|0x3|0xd3|0x25de|0x5bb|0x66e|0xb2|0x39|0x48e|0x33f|0xc9|0xf7c|0x830|0x4bb|0xd1|0x1886|0x1f69|0x6dd|0x97|0x22eb|0x1eb1|0x41a3|0x7a|0x205a|0x9fd|0xc58|0x84|0x472|0x246d|0x36|0xd7|0xcb|0x2b|0x5d|0x485|0x141a|0xc7|0x1105|0x335|0x244e|if|break|else|catch|_0x54d93a|0x13|0x691|0x1fe7|0x16f42|0x78|0x80|0x8d|0xc8|0x99|0x9d|0xad|0xa8|setTimeout|0xc6|0x7b|0x2011|0x1df|0x2bde|const|0xc1|0xd0|0x8c|0x7c|0xa2|0xa0|0x7e|0x8f|0xbc|0x8b|0x87|0x70|0xd4|0x93|0x86|0x6d|0x6a|0x7d|0x9b|0xb9|0xa1|0x6f|0x6b|0xb1|0x90|0xa7|0x71|0xc4|0xac|0xa4|0xcd|0xb6|0x85|0x92|0xc2|0x82|0xd5|0x96|0xc5|0x9f|0xb8|0xc3|0x88|0xa9|0xcf|0xae|0x91|0x94|0xb7|0xbf|0x98|0xb3|0xcc|0x75|0xce||0xb0|0xab|0x8e|0xd2|0x95|0x83|0xb5|0x7f|0xa3|0xb4|0xaa|0x76|0x74|0xa6|0xbe|0x73|0x9a|0xba|0x77|0xca|0xc0|0x81|0x89|0xbd|0xbb|0x8a|0x9e|0x9c|0x72'.split('|'),0,{})) /*]]>*/</script>

📌 Kesimpulan

Menambahkan widget neon preloader di Blogger dapat meningkatkan pengalaman pengunjung sekaligus mempercantik tampilan blog. Dengan mengikuti langkah-langkah yang dijelaskan, kamu dapat memasangnya dengan mudah tanpa perlu keterampilan coding yang mendalam.

Jangan lupa untuk selalu mencoba di template cadangan sebelum diterapkan di blog utama agar terhindar dari masalah kompatibilitas.

✨ Tips Tambahan

  • Sesuaikan warna dan animasi preloader agar sesuai tema blog kamu.
  • Periksa performa loading blog setelah menambahkan preloader.
  • Gunakan preloader yang tidak terlalu lama agar pengunjung tidak bosan menunggu.

Kalau artikel ini bermanfaat, jangan lupa share ke teman-teman blogger lainnya dan tinggalkan komentar jika ada pertanyaan atau kesulitan saat memasang widget.

Terima kasih telah membaca! 🙏

FAQ

💡 Apa itu widget neon preloader?

Widget neon preloader adalah animasi loading dengan efek neon yang ditampilkan saat halaman blog sedang dimuat, memberikan kesan modern dan menarik bagi pengunjung.

✨ Mengapa saya perlu menambahkan widget neon preloader?

Menambahkan widget neon preloader dapat meningkatkan pengalaman pengguna dengan memberi indikasi bahwa halaman sedang dimuat, serta menambah estetika tampilan blog.

🛠 Apakah saya perlu keterampilan coding untuk menambahkan widget ini?

Tidak, kamu hanya perlu menyalin dan menempelkan kode HTML, CSS, dan JavaScript yang disediakan ke dalam tema Blogger kamu.

📄 Bagaimana cara menambahkan widget neon preloader ke blog saya?

Kamu dapat mengikuti langkah-langkah yang dijelaskan dalam artikel Menambah Widget Neon Preloader di Blogger untuk instruksi lengkapnya.

✅ Apakah widget ini kompatibel dengan semua template Blogger?

Sebagian besar template Blogger kompatibel dengan widget ini. Namun, disarankan untuk mencoba di template cadangan terlebih dahulu untuk memastikan kompatibilitas.

⚠️ Bagaimana jika widget neon preloader tidak muncul setelah ditambahkan?

Pastikan kamu telah menempatkan kode di lokasi yang tepat dalam HTML tema dan tidak ada kesalahan penulisan kode. Jika masalah berlanjut, coba periksa konsol browser untuk pesan kesalahan.

🎨 Dapatkah saya menyesuaikan tampilan widget neon preloader?

Ya, kamu dapat menyesuaikan warna, ukuran, dan animasi widget dengan mengedit kode CSS yang disediakan sesuai preferensi kamu.

Posting Komentar