Juli 07, 2015 Blog , Template , Widget

Hai, sobat blogger!

Setelah kemarin saya memposting tutorial perihal cara melaksanakan parse arahan html dan cara menciptakan tool parse, kini saya memposting artikel perihal cara menciptakan antiblocker. Apa sih antiblocker itu? Antiblocker merupakan script kecil yang ringan dan dipergunakan untuk memberi peringatan lantaran sudah memblokir beberapa script yang ada pada suatu situs.

Antiblocker menawarkan peringatan terhadap 2 hal. Yang pertama ialah peringatan terhadap javvascript yang nonaktifkan dan kedua ialah peringatan terhadap penggunaan adblock. Nah, bekerjsama penggunaan adblock bagi saya tidak dipermasalahkan, mengapa? Karena adblock hanya memblokir iklan di blog saya. Yang duduk masalah ialah javascript yang dinonaktifkan.

Mengapa hal tersebut jadi permasalahan bagi saya?

Saya perlu mengetahui jumlah visitor ke blog saya. Dan untuk sanggup mengetahui berapa jumlahnya, saya perlu memasang javascript dari google analytic. Google analytic akan menjumlahkan setiap visitor yang mengaktifkan javascriptnya, lantaran metode akumulasinya menggunakan javacript.

Mengapa tidak melihat dari dashboard blogger saja?

Pada dashboard blogger, metode pengakumulasiannya tidaklah akurat. Buktinya, saat saya gres saja memposting sebuah artikel, tiba-tiba sudah ada visitor, bahkan adakala hingga 10 orang yang mengunjungi blog saya dalam hitungan detik. Aneh, bukan?

Maka dari itu, blog ini hanya memasang antiblocker javacript saja. Jadi, pada dasarnya ialah anda sanggup memasang kedua antiblocker, tapi haraplah menyesuaikan dengan kebutuhan anda sendiri, semoga anda tidak mendapat kerugian.

Cara memasang antiblocker versi penuh

Untuk antiblocker yang satu ini, anti blockernya bersifat penuh alias antiblocker javascript dan adblock. Berikut ini ialah tutorialnya.

1. Apabila anda menggunakan blogger maka buka tata letak dan tambahkan widget html, jikalau bukan maka silakan sesuaikan sendiri saja.

2. Copy atau salin arahan berikut ini ke dalam blog anda.

<style type="text/css">#vb25{position:fixed !important;position:absolute;top:0px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:-2px;width:102%;height:99%;background-color:#fff;opacity:.95;filter:alpha(opacity=95);display:block;padding:20% 0}#vb25 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#vb25   *{display:none}</style><div id="vb25"><font>Mohon maaf atas ketidak nyamanan anda.<br/>Harap aktifkan javascript pada blog ini untuk sanggup melihat konten.<br/>Terimakasih<a href="https://mastahtehno.blogspot.com/search?q=buat-antiblocker">Turorial menciptakan menyerupai ini</a></font></div><script src='https://cdn.rawgit.com/FranklinITurnip/AntiBlocker/40052c9a/antibloker.js'/>

3. Paste ke kolom untuk menambahkan widget tersebut.

4. Simpan.

5. Selesai.

Praktis bukan? Tapi, mungkin saja anda merasa bingung, mengapa arahan <style>...</style> dan arahan javascript di taruh di sana. Bukannya diletakkan ditempat yang lebih benar. Begini, saya sudah pernah mencoba hal tersebut, tapi akhirnya arahan malah crash. Dan damai saja, saya telah test ke pageinsight, pengaruhnya sangat kecil. Mengapa? Karena widget yang satu ini begitu ringan dan kecil.

Cara menciptakan antiblocker javascript

Nah, untuk yang satu ini saya menggunakan arahan yang saya sanggup dari arlina design. Dan ia mendapat kodenya dari kompiwin apabila saya tidak salah. Mengapa mengambil arahan dari orang lain? Pertama lantaran saya sudah melaksanakan eksperimen terhadap arahan di atas. Memang sudah berjalan dengan lancar. Tapi, sebelum dan sesudah memasang arahan tersebut, saya mendapat kejanggalan atau bug yang sangat signifikan. Anda sanggup mencobanya sendiri untuk sanggup mengetahui hal tersebut.

Berikut ini ialah tutorialnya.

1. Buka sajian untuk mengedit html anda.

2. Cari arahan </head>. CTRL+F untuk mempercepat

3. Apabila diatas arahan tersebut ada arahan javascript, maka scroll ke atas, hingga anda tak menemukannya. Walaupun begitu saya menyarankan untuk memasang sempurna di atas arahan </head>

4. Copy code berikut ini dan paste ke daerah yang anda telah pilih tadi.

<noscript> <style type='text/css'> /* No Script */ body,html{overflow:hidden} .noscript{background:#e74c3c;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;left:0;top:0;right:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden} .noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:3rem;line-height:1.5;font-family:monospace;max-width:1010px;text-transform:uppercase;font-weight:700} .noscript p span{color:#ffe88b;font-size:10rem;line-height:normal;font-weight:normal} </style> </noscript>

5. Cari </body>, untuk yang satu ini, saya menyarankan pemasangan sempurna diatas arahan tersebut. Tapi, apabila arahan tidak berfungsi dengan baik, maka silakan cari daerah meletakkan arahan tersebut yang anda sebut cocok. Saran saya, apabila anda mengalami kegagalan, maka pasang arahan tersebut di bawah sidebar. Tapi jangan memasukkannya ke dalam widget.

<noscript> <div class='noscript'>   <p><span>&#9888;</span></p>   <p>Please Enable Javascript to view our site content</p>   <p>Thank you</p> </div> </noscript>

6. Simpan arahan tersebut dan silakan periksa arahan tersebut dengan menonktifkan javascript pada blog anda. Jikalau berhasil, maka tampilan akan sebagai berikut.

Setelah kemarin saya memposting tutorial perihal cara melaksanakan parse arahan html dan cara Cara memasang antiblocker sederhana 3 detik sendiri

7. Selesai.

Lalu, bagaimana jikalau gagal. Praktis sekali, bersumber dari arahan yang pertama dan bersumber dari situs antiblocker, berikut ini kodenya. Silakan masukkan ke widget anda.

<style type="text/css">#vb25{position:fixed !important;position:absolute;top:0px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:-2px;width:102%;height:99%;background-color:#fff;opacity:.95;filter:alpha(opacity=95);display:block;padding:20% 0}#vb25 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#vb25   *{display:none}</style><div id="vb25"><font>Mohon maaf atas ketidak nyamanan anda.<br/>Harap aktifkan javascript pada blog ini untuk sanggup melihat konten.<br/>Terimakasih<a href="https://mastahtehno.blogspot.com/search?q=buat-antiblocker">Turorial menciptakan menyerupai ini</a></font></div>

Cara memasang antiblocker adblock

Nah, apabila yang satu ini, saya sarankan untuk tidak memasangnya. Sebaiknya memasang antiblocker versi full. Mengapa? Karena jikalau anda ingin mengedit arahan tersebut, akan terjadi crash. Berikut ini caranya.

1. Pasang widget html

2. Masukkan arahan dibawah ini kedalam widget.

<style type="text/css">#vb25{position:fixed !important;position:absolute;top:0px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:-2px;width:102%;height:99%;background-color:#fff;opacity:.95;filter:alpha(opacity=95);display:block;padding:20% 0}#vb25 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#vb25   *{display:none}</style><script ssrc='https://cdn.rawgit.com/FranklinITurnip/AntiBlocker/40052c9a/antibloker.js'/>

3. Simpan.

4. Selesai.

Fiuhh... Akhirnya jawaban juga. Terimakasih lantaran sudah melihat artikel cara menciptakan antiblocker ini dan telah mengunjungi blog ini. Jangan lupa untuk membagikan artikel ini dan mengikuti blog ini untuk mendapat artikel terbaru dari blog ini. Terimakasih atas kunjungan anda, dan hingga jumpa lagi.