Cara buat script anti block javascript di blog

Cara buat script anti block javascript diblog

Javascript banyak digunakan untuk membuat tema blogger menjadi dinamis dan cantik untuk ditampilkan. Namun sayang browser yang paling umum digunakan pengguna seperti Google Chrome, Opera Mini dan Firefox memiliki opsi untuk menonaktifkan atau blok Javascript. Hal ini membuat kita sebagai blogger merasa dirugikan apalagi blog yang memasang script anti block adsense tidak akan berfungsi dengan baik atau ada script lain tidak bekerja. Ada cara mengatasi javascript yang diblocked dibrowser yaitu dengan membuat atau memasang script anti block javascript pada blog kita.

Script anti blok Javascript diblog.

Sebelum kamu memasang atau membuat script anti blok Javascript diblog alangkah baiknya anda mengerti dan memahami apa kelebihan dan kekurangan serta fungsi script anti block, disable atau dinonaktifkan.

Fungsi script anti blocked javascript.

Script ini berfungsi saat visitor atau pengunjung yang datang melihat blog kita menonaktifkan (disable) Javascript pada browsernya dengan maksud dan tujuan tertentu, akan menerima pemberitahuan yang muncul sebagai pesan notifikasi agar mengaktifkan javascript untuk dapat masuk dan melihat blog anda.

Kelebihan membuat script anti block javascript.

Ada beberapa kelebihan atau keuntungan yang akan anda peroleh dengan memasang script anti block JS ini :
  • Blog tetap memperlihatkan iklan bila pengguna mengguanakan Adblock, asal memasang script anti blok ads.
  • Blog terbebas dari copy-paste oleh orang yang suka copast artikel, ada anti copast diblog.
  • Blog akan aman dari copast artikel serta pendapatan meningkat karena iklan tetap tampil.

Kekurangan mengunakan script anti blok javascript.

Visitor atau pengunjung pada blog anda akan menurun apabila informasi yang mereka cari tidak ditampilkan, mereka akan pergi meninggalkan blog anda. Tetapi ada sebagian yang tetap masuk dengan mengaktifkan javacript.

Setelah kamu mengetahui fungsi, kelebihan dan kekurangan mengunakan script anti blocked ini, sekarang kita akan masuk pada cara mengunakannya diblog.

Cara buat script anti block javascript diblog.

Dalam mengunakan script ini untuk dipasangkan pada blog tidak telalu sukar untuk diperaktekan oleh anda, tinggal ikuti cara dibawah ini tahap demi tahap.
  • Cara menggunakan script anti blok JS
    1. Masuk keblog anda.
    2. Pilih menu tema.
    3. Klik edit HTML
    4. Cari kode </head> atau kode &lt;!--</head>--&gt;&lt;/head&gt; pada HTML kode blog anda. Gunakan Ctrl + F agar cepat dan masukan kode yang anda cari di jendela baru yang terbuka diatas kode html.
    5. Setelah menemukan kode diatas silahkan dicopy kode dibawah ini :
    6. <noscript>
      <style>
      #content-wrapper, #footer-wrapper, #header-wrapper, #footer-wrapper {display:none} body,html {overflow:hidden}
      /* AntiJs */
      #AntiJsNoscript {background:#e3e4e8;padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
      #AntiJsNoscript svg {width:80px; height:80px}
      #AntiJsNoscript svg path {fill:#781a26}
      #AntiJsNoscript .teksNoscript{background:#fcdc75;color:#781a26;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;font-family:Courgette;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:7px solid#e336c5;overflow:hidden; transition:all .4s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:AntiJsWobble .5s; -moz-animation: AntiJsWobble .4s; -webkit-animation:AntiJsWobble .4s; -o-animation:AntiJsWobble .4s}
      #AntiJsNoscript .teksNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,.07);}
      #AntiJsNoscript .teksNoscript h4, #AntiJsNoscript .teksNoscript .judul{display:inline-block;padding:20px 5px 5px 5px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
      </style>
      </noscript>
    7. Setelah kode diatas anda copy kemudian pastekan diatas kode </head> atau kode &lt;!--</head>--&gt;&lt;/head&gt;. jangan lupa ya diatas atau sebelum kode ini ya..
    8. lakukan pratinjau dulu, jika tedak terjadi error lanjut klik simpan tema.
    9. Lanjut dengan copy kode dibawah ini :
    10. <noscript>
      <div id='AntiJsNoscript'>
      <div class='teksNoscript'>
      <span class='judul'>Aktifkan Javascript di browser<br/><br/>&lt; / &gt;</span><br/><svg viewBox='0 0 24 24'><path d='M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z'/></svg><br/>Untuk masuk dan melihat Blog : &quot;Dua Lipa.id&quot; Allow Javascript di dalam pengaturan browser.
      </div>
      </div>
      </noscript>
    11. Ganti Dua Lipa.id dengan nama blog anda.
    12. Lanjut dengan mencari kode <body> pada edit HTML blog anda.
    13. Kemudian pastekan kode yang anda copy tadi diatas, dibawah kode <body>, kemudian lakukan pratinjau setelah tidak ada error silahkan klik simpan tema.
    14. Selesai.


Jika anda menerapkan dengan benar pada blog anda maka tampilannya terlihat seperti gambar diatas postingan ini, saat javascript diblock. Selamat mencoba semoga bermanfaat, oya jangan lupa meninggalkan jejak di kolom komentar ya. Salam !!!


Recommended Posts


Next Post Previous Post
No Comment
Add Comment
comment url