Tuesday, March 8, 2011

jQuery Anti Adblock

Posted by dav On 8:58 PM
Bismillah. Alhamdulillah satu widget lagi telah selesai dibuat... Sudah bukan rahasia lagi bahwa kebanyakan Blogger mencari keberuntungannya dari iklan di blog yang dikelolanya. Dan bukan rahasia pula bahwa para pengunjung kemudian merasa terganggu dengan iklan-iklan yang tampil pada suatu blog. Bagi para pengunjung blog yang sudah memahami konsep periklanan tentunya akan menghormati para pemilik blog yang sudah menghabiskan banyak waktunya hanya untuk menulis artikel dengan cara menonaktifkan perangkat lunak pemblokir iklan.
Para pemilik blog sering dibuat kaget ketika penghasilan dari iklannya tidak seimbang dengan jumlah kunjungan (traffic) blognya, hal ini bisa saja terjadi karena banyak faktor (tidak akan dibahas sekarang). Salah satu faktor yang mempengaruhi penghasilan dari program periklanan yang diikuti oleh sebuah blog adalah kurang fair-nya pengunjung blog (baca; kurang bisa menghargai, menghormati atau bahkan tidak mau berterima kasih), padahal bisa saja mereka menemukan sesuatu yang sangat berharga bagi mereka. Ini merupakan sikap mental yang perlu di budayakan ketika seorang pengunjung berjalan-jalan pada suatu blog dan kemudian menemukan sesuatu yang bermanfaat maka selayaknya ada timbal balik kepada pemilik blog minimal dengan cara tidak mengaktifkan perangkat lunak pemblokir iklan. Kecuali iklan yang ditampilkan pada suatu blog sudah sangat mengganggu atau bahkan keterlaluan maka silahkan saja untuk mengaktifkan perangkat lunak pemblokir iklan, bahkan ada beberapa pengelola blog yang curang dengan menyusupkan perangkat lunak yang bisa memicu virus, trojan atau backdoor. Disini memang permasalahan periklanan pada suatu blog sangatlah komplek, semua dikembalikan kepada para pengunjung dan para pemilik blog untuk berbuat fair. Pengunjung ingin nyaman membaca-baca tanpa harus terganggu dengan berserakannya iklan pada halaman sebuah blog, dan para pemilik blog pun ingin memiliki penghasilan dari blog yang dikelolanya maka sebaiknya pemilik blog pun memperhatikan keinginan para pengunjungnya.
Tips trik jQuery kali ini sebenarnya lebih di peruntukan bagi para pengelola blog yang fair dengan memperhatikan kaidah keseimbangan, kenyamanan dan keindahan penempatan iklan pada halaman blognya, yaitu cara memasang Anti Adblock dengan tujuan untuk mengajak berinteraksi dengan para pengunjung bahwa periklanan yang disertakan pada halaman blog kita sangat bermanfaat untuk pengelolaan blog kedepannya. jQuery Anti Adblock ini akan menampilkan informasi bahwa para pengunjung blog mengaktifkan perangkat lunak pemblokir iklan (semacan Adblock) saat berkunjung pada halaman blog kita, secara otomatis pemberitahuan akan muncul dan menutupi seluruh halaman blog yang dimaksud, pengunjung pun tidak dapat membaca-baca artikel. Agar artikel bisa ditampilkan maka perangkat lunak pemblokir iklan harus dimatikan dan kemudian halaman di reload/refresh.

Tentang jQuery Anti Adblock

jQuery Anti Adblock ini berfungsi untuk memberitahukan kepada para pengunjung jika mereka mengaktifkan perangkat lunak pemblokir iklan yang kemudian akan menampilkan pemberitahuan kepada para pengunjung dengan cara menutup seluruh artikel yang sedang dibacanya. Dibawah ini yang anda harus ketahuai tentang jQuery Anti Adblock :
  • jQuery Anti Adblock merupakan pengembangan dari jQuery Save The Environment miliknya OnlineLeaf.com (mode hemat energi)
  • Secara otomatis dalam jeda waktu tertentu halaman blog akan ditutup dengan sebuah halaman jQuery Anti Adblock dengan warna latar hitam pekat dan berisi informasi untuk berinteraksi dengan para pengunung
  • jQuery Anti Adblock tidak akan tampil jika pengunjung tidak menggunakan perangkat lunak pemblokir iklan
  • jQuery Anti Adblock tidak akan berjalan jika pengunjung menonaktifkan fungsi JavaScript para browsernya
  • jQuery Anti Adblock dikembangkan menggunakan framework jQuery, maka wajib hukumnya memasang framework jQuery pada blog anda
  • jQuery Anti Adblock dikembangkan oleh Blogger Tune-Up dengan menghabiskan banyak waktu maka jika anda ingin menggunakan jQuery Anti Adblock tidak diperkenankan membuang kredit pada halaman bagian bawah jQuery Anti Adblock
  • jQuery Anti Adblock ini bersifat gratis dan terbuka untuk digunakan dan dikembangkan pada dan oleh blog siapapun tanpa harus membayar atau tukar guling dengan apapun tetapi tidak diperkenankan membuang kredit pada bagian bawah halaman jQuery Anti Adblock
  • jQuery Anti Adblock diperbolehkan untuk di review pada blog siapapun dengan atau tanpa pemberitahuan ke Blogger Tune-Up, tetapi wajib memasukan link yang menuju blog Blogger Tune-Up pada artikel yang dibuat
  • Jika ditemukan bug atau error mohon kesediaannya untuk memberitahukan Blogger Tune-Up melalui email, twitter, facebook atau media yang anda sukai
  • Jika anda tidak memahami atau tidak sepakat dengan ketentuan diatas maka silahkan anda buat sendiri menurut versi anda yang lebih baik dari apa yang telah dibuat oleh Blogger Tune-Up

Integrasi jQuery Anti Adblock pada Blogger (Cara 1)

Langkah 1
Pastikan bahwa template blog anda telah terpasang framework jQuery
Langkah 2
Login ke Blogger
Langkah 3
Masuk ke "Rancangan - Edit HTML"
Langkah 4
Cari kode dibawah ini:
</head>
atau
</body>
Langkah 5
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 4:
<script type="text/javascript">
/*
* jQuery Anti Adblock
* @copyright Hendriono http://modification-blog.blogspot.com
* @version 1.00 (9 Maret 2011)
*/
var standby = false;
var adminblog = "Nama Admin";
function CekBlok() {
if ($(".adsantilok").height() == "0") {
TutupHalaman();
}
}
function TutupHalaman() {
if (!standby) {
var h = 0;
h = jQuery(window).height();
jQuery("#energysaving").show().css({
height: "0",
width: "0",
left: "50%",
top: "50%"
}).animate({
width: "100%",
height: h,
left: "0",
top: "0",
opacity: "1"
}, 1000);
standby = true;
}
}
document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">');
function jAntiBlock() {
jQuery(function () {
jQuery(document).ready(function () {
setTimeout("CekBlok();", 1000);
jQuery("body").append('<div id="energysaving"><p>Anda tidak suka iklan?<br /><span>Saya juga. <br/>Tapi anda harus tahu bahwa iklan sangat membantu blog ini agar tetap tersedia dan membuat saya termotivasi untuk terus menulis hal-hal yang menarik pada blog ini.<br/> Mohon pertimbangannya untuk menonaktifkan perangkat lunak blokir iklan (misal; Adblock) khusus untuk blog ini. <br/>Sebagai ucapan terima kasih, saya akan memberikan apresiasi yang setinggi-tingginya jika suatu hari kita bertemu dikehidupan nyata.<br/>'+adminblog+'</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">Modification-Blog.blogspot.com</font> - All rights reserved - Original Idea by <font style="color: #666666;">OnlineLeaf.com</font></div></div>');
});
});
}
jAntiBlock();
</script>
Langkah 6
Simpan template dan lanjutkan membaca pada "Integrasi jQuery Anti Adblock pada Iklan"

Integrasi jQuery Anti Adblock pada Blogger (Cara 2)

Selain dengan menggunakan cara diatas kita bisa menggunakan cara dibawah ini:
Langkah 1
Login ke Blogger
Langkah 3
Masuk ke "Rancangan"
Langkah 4
Tambahkan sebuah gadget "HTML/JavaScript" pada lokasi yang paling bawah dari blog
Langkah 5
Masukan (copy paste) kode yang ada di Langkah 5 Cara 1 pada bagian konten gadget HTML/JavaScript
Langkah 6
Simpan gadget

Integrasi jQuery Anti Adblock pada Iklan

Jika kita sudah memasang jQuery Anti Adblock pada blog maka hal tersebut belum memberikan efek pada blog kita karena iklan kita belum memiliki identitas yang sesuai dengan jQuery Anti Adblock. Kita harus memberikan identitas pada kode-kode iklan yang kita pasang pada blog agar jQuery Anti Adblock mampu membacanya dan kemudian memberikan tindakan. Setiap kode iklan yang kita pasang pada blog haruslah ditempatkan diantara tag dibawah ini:
<div class="adsantilok">
<!-- Simpan Iklan Disini -->
</div>
Jika sudah demikian maka barulah jQuery Anti Adblock mampu bekerja dengan baik, silahkan dicoba untuk mem-preview blog anda dan aktifkan perangkat lunak pemblokir iklan dan lihatlah efek zoom dari jQuery Anti Adblock. SEMPURNA!!!!!!!!!!!!
Keterangan:
  • Ubah "Nama Admin" dengan nama pengelola blog atau sesuai dengan keinginan anda (Lihat Langkah 5 Cara 1)
  • Apabila pengunjung blog kita menonaktifkan JavaScript pada browsernya maka jQuery Anti Adblock total tidak dapat bekerja, bagaimana mengatasinya? Tunggu pada artikel berikutnya....
Selamat mencoba dan semoga berhasil. Happy Blogging :)