jQuery Anti Adblock Versi 2.00
Bismillah. Alhamdulillah. Artikel kali ini merupakan update atau perbaikan jQuery Anti Adblock Versi 1.00 yang terkesan rumit dan terlalu banyak script. Pada jQuery Anti Adblock Versi 2.00 ini dilakukan penyederhanaan sehingga proses integrasi pada Blogger lebih mudah dan lebih cepat reaksinya terhadap tingkah laku pengunjung. Mengenai apa jQuery Anti Adblock silahkan merujuk pada artikel sebelumnya.
Demo jQuery Anti AdblockAktifkan Adblock untuk melihat Demo jQuery Anti Adblock
Update jQuery Anti Adblock Versi 2.00 (04 September 2011)
- Script ditelatakan pada Hosting Google Code sehingga lebih sederhana
- File CSS bisa diarahkan pada hosting sendiri
Integrasi jQuery Anti Adblock pada Blogger
Langkah 1Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:
</body>Langkah 4
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 4:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/> <script type="text/javascript">//<![CDATA[ var linkcss = "http://www.onlineleaf.com/savetheenvironment.css" //ubah URL file CSS sesuai letak hosting file CSS var adminblog = "[ Nama Admin]"; //ubah Nama Admin sesuai keinginan //]]></script> <script src='http://hens-pusat-buku.googlecode.com/svn/trunk/jqantiadsblock.js' type='text/javascript'/>Langkah 5
Simpan template dan preview blog
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!!!!!!!!!!!!
tolong bagi css nya, yg http://www.onlineleaf.com/savetheenvironment.css ini gak bisa diakses
BalasHapus