Cara Membuat notif Anti Noscript di Blog - Susah Tidur

Cara Membuat notif Anti Noscript di Blog

Cara membuat notif anti noscript di blog
Cara Membuat notif Anti Noscript di Blog - Susahtidur - Mempunyai sebuah blog memang tak luput dengan namanya JS atau JavaScript. Dengan JavaScript kamu bisa menciptakan efek seperti sihir yang membuat tampilan blog mu menarik dan mempercepat kecepatan blog. Sebelum melangkah ke bawah kalian harus tahu dulu apa itu JavaScript.

Menurut Wikipedia, JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Google Chrome, Internet Explorer, Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. 

Bingung ya? sama saya juga hehe, memang secara teori itu cukup membingungkan. Dan untuk praktek itu biasanya malah lebih mudah dan bisa dapat dimengerti dengan cepat. Begitulah saya mungkin sobat juga, bukan ada maksud menyombongkan diri. Bisa praktek ya hanya tahu fungsinya saja hehe belum bisa buat maklum bukan lulusan coding dan insyaallah ini masih tahap belajar dari mbah Google.

Kemudian kenapa tutorial Cara membuat notif anti noscript di blog ini saya buat? ya tentunya memberikan informasi tentang penyelesaian masalah yang sobat alami. Jaman sekarang teknologi semakin canggih begitu pula tentang adanya JavaScript bisa di matikan.

Memangnya JavaScript bisa dimatikan min? 

Ya seperti pernyataan diatas, browser sekarang pada canggih-canggih bro. Sekarang pengguna bisa bebas mengaktifkan maupun menonaktifkan JavaScript pada menu pengaturan browser.

Lalu hubungannya apa dengan blog kita? 

Ya kembali lagi keatas, JavaScript itu penting untuk sebuah blog. Jika JavaScript di nonaktifkan yang terjadi pada blog kita adalah

1. Tampilan blog sobat menjadi biasa, bahkan tidak ganteng lagi

2. Gambar tidak muncul, namun untuk halaman postingan biasanya masih muncul

3. Tombol-tombol Navigasi tidak berfungsi, dan tombol lainnya. Anehnya lagi orang awam yang mampir ke blog sobat berfikir " ini blog apa sih ? tombol ga bisa di klik, gambar ga muncul padahal speed  internet gw kenceng, skip ajalah cari yang lain " begitulah kemungkinan yang terjadi.

Namun disisi lain mungkin pengguna browser atau pengunjung blog sobat sudah mengetahui tentang fungsi JavaScript tersebut. Jadi mereka menyaring yang pentingnya saja, contoh mereka ke blog sobat cuma ingin mendapatkan informasi berupa artikel sobat. Jadi saat mereka membaca sebuah artikel, tentunya mereka tidak ingin diganggu dengan sebuah iklan ataupun popup iklan yang menganggu.

4. Iklan-iklan sobat tidak muncul, memungkinkan penghasilan sobat menurun bahkan tidak menghasilkan sama sekali. Mengingat sebuah penghasilan tersebut adalah termasuk bagian manfaat dari blogger jadi ya Alhamdulillah kalau masih dapat utuh hehe.

Tenang saja untuk sobat yang ingin tetap menjaga penghasilan sobat, menjaga tampilan blog tetap ganteng silahkan pasang anti noscript ini di blog. Saya mendapatkan kode ini dari blog Igniel, terimakasih kodenya mbak.

Cara Membuat notif Anti Noscript di blog

  1. Seperti biasa silahkan sobat masuk ke dashboard blogger sobat
  2. Masuk menu Tema/Template > edit HTML
  3. Masukkan CSS berikut tepat SEBELUM/DIATAS </head>
    <noscript><style>
    #post-wrapper, #footer-wrapper, #wrapper, .post {display:none}
      body,html {overflow:hidden}
      /* Noscript */
      #ignielNoscript {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
      #ignielNoscript svg {width:100px; height:100px}
      #ignielNoscript svg path {fill:#fff}
      #ignielNoscript .isiNoscript{background:#7bbefa;color:#fff;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:monospace;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s 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:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s}
      #ignielNoscript .isiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
      #ignielNoscript .isiNoscript h4, #ignielNoscript .isiNoscript .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:600;margin-bottom:20px}
    </style></noscript>
  4. Kemudian tambahkan kode berikut tepat di BAWAH/SESUDAH <body>
    <noscript>
      <div id='ignielNoscript'>
      <div class='isiNoscript'><span class='judul'>Aktifkan Javascript</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 mengakses blog SusahTidur, hidupkan Javascript di dalam pengaturan browser sobat.</div>
      </div>
      </noscript>
  5. Kemudian Save/Simpan
Catatan
Yang saya warnai itu pesan yang akan keluar saat JavaScript dinonaktifkan, silahkan ganti sesuai selera atau biarkan saja tinggal mengganti SusahTidur jadi nama blog sobat

Demo? seperti pada gambar postingan ini atau blog ini juga menggunakan script tersebut, jadi silahkan sobat nonaktifkan JavaScript pada pengaturan browser sobat, dan reload halaman ini.

Baik sekiranya cukup tutorial tentang Cara Membuat notif Anti Noscript di blog, jika sobat masih bingung silahkan bertanya dikolom komentar. Sekian dan terimakasih telah berkunjung di blog saya.
"Cara Membuat notif Anti Noscript di Blog"
Tampilkan Komentar
Sembunyikan Komentar

Belum ada Komentar untuk "Cara Membuat notif Anti Noscript di Blog"

Posting Komentar

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel