bergabung di grup telegram kami

cara membuat anti noscript di blog

cara membuat anti noscript di blog

Hallo semua pada kesempatan kali ini saya akan membagikan cara membuat anti noscript di blog

pada postingan sebelumnnya saya telah membagikan cara memasang anti adblock di blogger untuk mencegah pengguna memblokir iklan pada blog kita, jika kalian sudah memasangnya sangat di sarankan juga untuk memasang anti noscript yang akan saya bagikan kali ini.

perlu di ketahui javascript pada browser dapat dinonaktifkan dengan mudah, setiap browser ada pengaturan untuk aktifkan dan nonaktifkan javascript kalian bisa membacanya di sini https://www.wikihow.com/Disable-JavaScript

dengan di nonaktifkan javascript pada browser maka semua fungsi blog kita yang menggunakan javascript tidak akan berjalan, seperti gambar yang blank dan tombol tidak dapat di klik termasuk iklan adsanse tidak tampil , bahkan mungkin beberapa tampilan menjadi berantakan.

oleh karena itu saya rasa anti noscript ini wajib kalian pasang, jadi cara kerjanya hampir sama dengan anti AdBlock yang pernah saya bagikan sebelumnya, jika pengguna menonaktifkan javascript maka secara otomatis akan memunculkan pop up notifikasi untuk meminta pengguna mengaktifkan javascript pada browser mereka.

untuk demonya kalian bisa coba menonaktifkan javascript saat mengunjungi blog ini, ok jika kalian ingin mencoba membuatnya mari simak caranya di bawah ini.

Cara Membuat Anti Noscript Di Blog

silakan masuk ke blogger pilih tema dan edit html salin css di bawah ini dan letakkan di bawah kode ]]></b:skin> atau di atas kode </head>

<noscript>
<style>
/* anti noscript by wendy code */
@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}
.wc-noscript-wrap{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wc-noscript-knt{width:100%;max-width:500px;position:relative;background:#fefefe;border-radius:10px;border:1px solid #eee;color:#262d3d;text-align:center;padding:35px;top:150px;margin:20px auto;box-shadow:0 10px 20px rgba(0,0,0,0.2);-webkit-animation:slide-down 2s ease-out;animation:slide-down 2s ease-out}
.wc-noscript-knt h2{margin-top:15px;font-size:17px}
svg.wc-noscript{fill:#e00000;width:50px;height:50px}
</style>
</noscript>

selanjutnya salin html di bawah ini dan letakkan di bawah kode <body> jika tidak menemukannya bisa cari kode serupa <body ... >

<noscript>
<div class='wc-noscript-wrap'>
<div class='wc-noscript-knt'>
<svg class='wc-noscript' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M13 13H11V7H13M11 15H13V17H11M15.73 3H8.27L3 8.27V15.73L8.27 21H15.73L21 15.73V8.27L15.73 3Z'/></svg>
<h2>Javascript Diperlukan</h2>
<p>Aktifkan javascript browser anda untuk dapat mengakses situs ini.</p>
</div>
</div> 
</noscript>

jika sudah jangan lupa untuk klik simpan, ok jadi sekian cara membuat anti noscript di blog semoga bermanfaat.

Baca juga :
tutorial blogger

Posting Komentar



image quote pre code
© 2020 - Wendy Code

Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english