Saturday, March 19, 2011

Ooppss! Aktifkan JavaScript

Bismillah. Artikel kali ini merupakan lanjutan dari "jQuery Anti Adblock" yang pernah dibahas sebelumnya. jQuery Anti Adblock digunakan untuk memberi peringatan kepada para pengunjung blog agar perangkat lunak blok iklan dinonaktifkan, namun jika para pengunjung blog menonaktifkan fungsi JavaScript pada browsernya maka jQuery Anti Adblock tidak dapat bekerja dan para pengunjung tetap dapat membaca artikel dalam keadaan iklan tidak ditampilkan, hal ini merupakan kerugian bagi para pengelola blog.
JavaScript Disable Warning
Tips Trik blog kali ini merupakan jalan lain untuk tetap memberi peringatan kepada para pengunjung blog ketika mereka menonaktifkan fungsi JavaScript. Ketika para pengunjung blog menonaktifkan fungsi JavaScript maka sebuah layar peringatan akan muncul dan menutupi seluruh halaman blog, secara total pengunjung blog tidak dapat membaca artikel blog tersebut. Jika jQuery Anti Adblock memberi peringatan pada saat pengunjung blog mengaktifkan perangkat lunak untuk memblok iklan, maka JavaScript Disable Warning memberi peringatan saat pengunjung menonaktifkan fungsi JavaScript pada browser. Akhirnya mau tidak mau (baca:memaksa) para pengujung blog tetap harus melihat iklan pada blog yang kita kelola. SEMPURNA...!!!

Memasang Peringatan JavaScript Tidak Aktif (JavaScript Disable Warning)

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:
]]></b:skin>
Langkah 4
Masukan (copy paste) kode CSS dibawah ini diatas kode pada langkah 3:
#enjs {
z-index: 999;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
margin:0;
padding:0;
}
#enjs p {
margin:0;
padding:0;
width:100%;
color:#333;
position:relative;
top:40%;
font:bold 18px/20px arial;
text-align:center;
text-shadow:none;
}
Langkah 5
Cari kode dibawah ini:
</body>
Langkah 6
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 5:
<noscript><div id="enjs"><p>Oooops!! Mohon Aktifkan JavaScript</p></div></noscript>
Langkah 7
Simpan template, nonaktifkan fungsi JavaScript pada browser dan preview blog anda...

Keterangan: Sebaiknya kode pada langkah 6 ditempatkan diatas kode pada langkah 5

Selamat mencoba dan semoga berhasil. Happy Blogging :)

Thursday, March 17, 2011

Blogger Template SimCleanear (Simple Clean & Clear)

Bismillah. Alhamdulillah... Satu template telah selesai dibuat oleh Blogger Tune-Up. Sebenarnya kurang begitu percaya diri Blogger Tune-Up mengeluarkan template untuk Blogger karena merasa bukanlah ahli apalagi spesialis template blogger. Tapi tidak ada salahnya untuk mencoba mengeluarkan satu template yang dirancang oleh Blogger Tune-Up sebagai persembahan kepada para pembaca setia Blogger Tune-Up dan sekaligus ucapan terima kasih atas kesetiaannya untuk selalu berkunjung dan mendukung keberadaan Blogger Tune-Up. Selalu menyimak artikel demi artikel dan memberikan komentar-komentar membangun yang mampu memotivasi Blogger Tune-Up untuk terus berkarya dan menulis tips dan trik yang lebih baik. Membuat plugin-plugin jQuery yang lebih sempurna dan sederhana adalah keinginan Blogger Tune-Up dengan harapan para Blogger Indonesia mampu menunjukan pada dunia bahwa kita memiliki kelas sendiri yang unik dan berkwalitas.
Halaman Depan Blogger Template SimCleanear
Blogger Template SimCleanear
Blogger Template Simple Clean & Clear ini merupakan hasil rancang bangun Blogger Tune-Up yang dipersembahkan secara gratis untuk seluruh blogger Indonesia pada umumnya dan pembaca setia Blogger Tune-Up pada khususnya. Lalu apa keutamaan (feature) yang disuguhkan dari Blogger Template Simple Clean & Clear ini?
Halaman Artikel Blogger Template SimCleanear

Keutamaan (feature) Blogger Template Simple Clean & Clear

  • Dari namanya bisa kita tebak yaitu sebuah template yang menyuguhkan kesederhanaan, kebersihan dan kemudahan
  • Karakternya sederhana tapi profesional
  • Sedikit sekali melibatkan gambar sehingga proses loading halaman lebih cepat
  • Cocok untuk blog yang berkarakter index, sitemap atau berupa daftar isi
  • Tabel sederhana yang sangat elegan dan profesional (tambahan)
  • Menggunakan framework jQuery dan JSON
  • jQuery Auto Image Caption yang secara otomatis membuat frame untuk gambar (tambahan)
  • jQuery Slick Tab yang membuat tampilan bawah artikel terlihat sederhana dan profesional
  • Terintegrasi fasilitas artikel terkait tanpa harus mengutak-atik kodenya lagi
  • Terintegrasi tombol berbagi yang mampu menghubungkan dan membagikan artikel kita pada berbagai layanan feed dan jejaring sosial
  • Terdiri dari 3 kolom dengan 2 sidebar kiri dan kanan
  • Terdiri dari 2 kolom footer yang cocok dan dirancang khusus sebagai tempat iklan
  • Terintegrasi statistik pengunjung yang sedang online, tombol bookmark, tanggal, dan fasilitas pencarian

Ketentuan Penggunaan Blogger Template Simple Clean & Clear

  • Template ini dibuat oleh Blogger Tune-Up di bawah lisensi Creative Commons Attribution 3.0
  • Tersedia dengan gratis tanpa harus membelinya atau tukar guling dengan apapun
  • Anda dapat menggunakan dan memodifikasinya sesuai keperluan anda tanpa batasan
  • Tidak diperkenankan membuang tautan kredit pada bagian bawah template dengan alasan apapun kecuali mendapat persetujuan dari Blogger Tune-Up sesuai perjanjian yang dibuat selanjutnya
  • Blogger Tune-Up tidak bertanggung jawab atas kerusakan atau kesalahan yang terjadi kedepannya akibat dari penggunaan template ini
  • Blogger Tune-Up tidak bertanggung jawab jika suatu hari ada pihak yang menggugat anda karena penggunaan template ini

Tata Cara Penggunaan Blogger Template Simple Clean & Clear

Pada tata cara penggunaan Blogger Template Simple Clean & Clear ini tidak akan dijelaskan secara mendetail langkah demi langkah, karena kami anggap anda sudah memahami atau pernah membaca artikel-artikel dari Blogger Tune-Up
1) Menambahkan SEO Tag Meta
Cari kode dibawah ini:
<title><data:blog.pageTitle/></title>
Kemudian ganti (replace) dengan kode dibawh ini:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | Nama Blog atau Alamat Blog</title>
</b:if>
<meta content='index,follow' name='robots'/>
<meta content='en' name='language'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content='ganti dengan deskripsi blog' name='description'/>
<meta content='keyword1, keyword2, dan seterusnya' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot;keyword1, keyword2, dan seterusnya&quot;' name='keywords'/>
</b:if>
Keterangan: kata yang diblok silahkan disesuaikan dengan blog

2) Mengubah Logo
Cari kode dibawah ini:
#wrap {background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/d/logo.gif) no-repeat scroll right 5px #fff;margin:0 auto;width:940px;}
Ubah/ganti alamat URL dibawah ini sesuai dengan logo yang sudah anda buat:
http://lh5.ggpht.com/_xcD4JK_dIjU/S-KAfOiWMCI/AAAAAAAAEBo/vpJGTe92QQ0/d/logo.gif
Keterangan : ukuran logo 148 px X 156 px

3) Mengganti Link Bookmark
Cari kode dibawah ini:
var bookurl="http://URL.com/"
var bookname="Nama Blog"
Ganti URL dan Nama Blog sesuai blog anda

4) Mengubah Judul Tab Link
Cari kode dibawah ini:
<div id='tabs'>
<a expr:href='data:blog.homepageUrl' id='this'>Home</a>
<a href='URL'>Edit Link</a>
<a href='URL'>Edit Link</a>
</div>
Ganti URL sesuai dengan alamat dan Edit Link sesuai nama tab, misal:
<a href='http://namablog.blogspot.com/'>Blog Lainku</a>

5) Mengaktifkan Statistik Pengunjung
Cari kode dibawah ini:
<script src='http://fastonlineusers.com/on2.php?d=URL.com' type='text/javascript'/>
Ganti URL sesuai dengan alamat blog, misal:
namablog.blogspot.com
Keterangan: URL tanpa "htpp://"

6) Memasukan Iklan Link
Cari kode dibawah ini:
<div class='iklanlink'><!-- Iklan Link --></div>
<data:post.body/>
<div class='iklanlink'><!-- Iklan Link --></div>
Ubah/ganti kode dibawah ini:
<!-- Iklan Link -->
Dengan iklan link misal seperti contoh dibawah ini:
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-2925834362764225&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
google_ad_host_channel=&quot;00000&quot;;
/* 468x15 BonProg */
google_ad_slot = &quot;3625572682&quot;;
google_ad_width = 468;
google_ad_height = 15;
//--&gt;
&lt;/script&gt;
&lt;script src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;
Keterangan: Kode iklan harus di encode

7) Mengubah Judul jQuery Slick Tab
Cari kode dibawah ini:
<ul class='slick'>
<li><a class='slick active' href='#terkait' title='content_1'>Related Posts</a></li>
<li><a class='slick' href='#comments' title='content_2'>Comments</a></li>
<li><a class='slick' href='#share' title='content_3'>Share</a></li>
</ul>
Ubah/ganti bagian yang diblok sesuai dengan keinginan

8) Edit Iklan Footer
Hal ini dilakukan jika anda menghapus Gadget HTML bawaan, maka harus ditambahkan lagi kode pada template supaya tampilan kembali normal. Jika tidak di edit dan ditambahkan kode maka tampilan footer ini tidak menarik. Untuk mengedit kode harus dalam mode "Edit HTML - Expand Template Widget"
Cari kode dibawah ini (ini kode bawaan template) dan perhatikan yang di blok:
<div id='iklan'>
<b:section class='iklankiri' id='iklan1' preferred='yes'>
<b:widget id='HTML14' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content sideadsl'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='iklankanan' id='iklan2' preferred='yes'>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content sideadsr'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
Jika anda menghapus gadget tadi dan kemudian menambahkan baru maka kode kembali normal seperti dibawah ini:
<div class='widget-content'>
Tambahkan kode sideadsr untuk footer sebelah kanan dan sideadsl untuk footer sebelah kiri sehingga menjadi:
<div class='widget-content sideadsl'>
<div class='widget-content sideadsr'>

9) Menonaktifkan Fungsi Tanggal
Jika tampilan blog anda seperti dibawah ini:
- Nonaktifkan fungsi tanggal melalui "Rancangan - Elemen Laman" klik link edit pada "Posting Blog"
- Halaman "Mengkonfigurasi Posting Blog" akan terbuka lalu cari "Opsi Laman Entri"
- Hilangkan tanda check pada opsi tanggal bagian atas
- Klik tombol "SIMPAN"

Menggunakan Fasilitas Tambahan Blogger Template Simple Clean & Clear

1) Tabel
Selain perlengkapan standar, template simcleanear juga dilengkapi dengan fasilitas tabel yang sangat elegan.
Dibawah ini contoh kode tabel :
<table class="dl1" id="dl1">
<tbody>
<tr><th id="na">Informasi</th><th width="300">Keterangan</th></tr>
</tbody>
</table>

<table class="dl2" id="dl2">
<col/><col width="10"/>
<col width="300"/>
<tbody>
<tr><td>Nama</td><th>:</th><th>Blogger Template Simple Clean & Clear</th></tr>
<tr><td>Versi</td><th>:</th><th>Versi 1.0</th></tr>
<tr><td>Sistem Operasi</td><th>:</th><th>Win XP, Win Vista, Win 7</th></tr>
<tr><td>Password</td><th>:</th><th>-</th></tr>
<tr><td>Website Resmi</td><th>:</th><th><a href="http://programgratisan.blogspot.com/" target="_blank">Program Gratisan</a></th></tr>
<tr><td>Tanggal Rilis</td><th>:</th><th>18 Maret 2011</th></tr>
<tr><td>Ukuran File</td><th>:</th><th>42.8 Kb</th></tr>
<tr><td>Unduh</td><th>:</th><th>[<a href="http://modification-blog.blogspot.com/" target="_blank" rel="nofollow">Rekomendasi</a>]-[<a href="http://bonprog.blogspot.com/" target="_blank" rel="nofollow">Link 1</a>]-[<a href="http://programgratisan.blogspot.com/" target="_blank" rel="nofollow">Link 2</a>]</th></tr>
</tbody>
</table>
Dibawah ini preview hasil akhir tabel:
2) jQuery Auto Image Caption
Selain dilengkapi tabel, template Simcleanear dilengkapi fasilitas jQuery Auto Image Caption yaitu fasiitas yang secara otomatis menambahkan border dan keterangan pada gambar, seperti dibawah ini:
Penambahan kode (yang diblok) pada gambar:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF2VFPTVWuGU6bcItvzyLyVNvHapmMSjmnOSMQHHhfoZ17Fkqj0Eb2OjwM1n38VDx4u2v7IbeRZTmS00PVyqlGX0fV9QO6JwkHh3AeLZfLDD5d5sB261VVQlCjiKdR8cYP9MwTMW8wdcU_/s400/jQuery-Auto-Image-Caption.jpg">
<img class="gambar" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 222px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF2VFPTVWuGU6bcItvzyLyVNvHapmMSjmnOSMQHHhfoZ17Fkqj0Eb2OjwM1n38VDx4u2v7IbeRZTmS00PVyqlGX0fV9QO6JwkHh3AeLZfLDD5d5sB261VVQlCjiKdR8cYP9MwTMW8wdcU_/d/jQuery-Auto-Image-Caption.jpg" border="0" alt="jQuery Auto Image Caption" id="BLOGGER_PHOTO_ID_5484533350455173970" />
</a>
Lebih lengkapnya silahkan baca disini.

Selamat mencoba dan terima kasih atas segala apresiasinya terhadap Blogger Tune-Up. Happy Blogging :)

Tuesday, March 8, 2011

jQuery Anti Adblock

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 :)