, ,

Tutorial Lengkap Cara Memasang Script Anti Bom Klik AdSense di Blogger



Memasang script anti bom klik iklan AdSense di blog platform blogspot blogger.com disarankan untuk blog yang sudah dimonetize AdSense. Script anti boom click AdSense ini ampuh untuk mengatasi dari tindakan bom klik yang secara sengaja atau pun tidak disengaja.


Apa itu Bom Klik Iklan?

Kegiatan dan tindakan bom klik iklan AdSense dengan secara sangaja merupakan tindakan buruk yang dapat merugikan publisher (pemilik blog), tujuan bom klik umumnya untuk menghancurkan dan menghilangkan iklan AdSense pada blog tersebut. Bom klik dilakukan dengan cara meng-klik iklan di blog secara berulang-ulang pada satu komputer yang memiliki satu IP address.

Tindakan klik iklan secara berulang-ulang dengan IP address yang sama merupakan sebuah kegiatan yang dilarang oleh AdSense. Klik iklan sudah diatur sesuai kebijakan AdSense yang menjadi pedoman dan untuk dipatuhi oleh semua publisher. Akibat dari pelanggaran kebijakan tersebut publisher bisa dikenakan sanksi ringan hingga yang terberat penonaktifan akun AdSense.

Terjadinya Bom Klik

Klik iklan sering menjadi indikator hasil pendapatan dari AdSense, tapi klik iklan manual atau bom klik bukanlah sebuah tindakan yang benar. Banyak hal yang menjadi faktor terjadinya bom klik dan invalid click pada iklan AdSense, 3 (tiga) hal berikut menjadi faktor yang sering menjadi penyebab terjadinya tindakan bom klik pada iklan AdSense.

1. Terganggun dengan iklan

Pemasangan iklan yang berlebihan hingga pada iklan melayang yang menutupi konten (artikel) merupakan faktor yang sering menjadi terjadinya bom klik iklan. Bom klik (click fraud) ini bisa saja disengaja atau tidak disengaja (iseng).

2. Tidak tahu mana iklan mana konten

Yang kedua adalah karena pengunjung blog tidak mengetahui tentang iklan AdSense, hal ini diperuburuk dengan blog yang memiliki iklan sangat banyak. Pengunjung seperti ini akan susah membedakan mana konten dan mana iklan sehingga melakukan klik sembarang dan menjadi bom klik, invalid click, atau klik iklan tidak sah. Biasanya bom klik (click fraud) ini terjadi karena ketidaksengajaan / kesalahpahaman / ketidaktahuan.

3. Tidak suka dengan blognya (mengerti AdSense)

Terakhir, terjadinya bom klik karena mereka yang tidak menyukai blog sobat. Alasannya bisa banyak, diantaranya :
  • Pengunjung tidak menemukan solusi yang mereka cari
  • Seseorang yang tidak menyukai blog (pribadi)
  • Iri (mungkin)

Pada point ini, bom klik (click fraud) biasanya terjadi karena unsur sengaja dan dengan tujuan tertentu.


3 penyebab terjadinya bom klik iklan AdSense di atas perlu diantisipasi, buatlah blog yang nyaman dan ramah untuk para pembaca dan pengunjung. Meski begitu, banyak alasan lainnya yang melatarbelakangi terjadinya bom klik iklan.

Mencegah Bom Klik Iklan

Ada beberapa hal dan tips yang bisa dilakukan untuk menangkal dan mengatasi bom klik iklan AdSense di blog. 3 tips berikut bisa menjadi referensi untuk menghindari bom klik iklan AdSense di blog.

1. Jangan membagikan url blog di grup

Penting sekali, hindari membagikan link blog di grup blog, blogger, atau grup AdSense. Di dalam grup-grup tersebut biasanya orang yang tergabung sudah mengetahui tentang dunia blog dan AdSense, dan tentu mereka sudah memiliki blog. Biasanya, alamat blog yang diketahui anggota grup akan menjadi sebuah referensi, contoh, atau bisa menjadi saingan (karena topik blog sama).

2. Membuat konten blog yang berkualitas

Buatlah lebih banyak lagi konten berkualitas untuk mengisi blog, biarkan pengunjung menemukan blog sobat melalui mesin pencari. Pengunjung organik akan lebih menghargai konten blog sobat tanpa melakukan tindakan bom klik iklan, ini akan berbeda jika sobat membagikannya ke media sosial atau ke dalam grup.

3. Mencopot unit iklan AdSense

Jika sobat mendapati adanya klik iklan tidak sah (valid) pada halaman laporan AdSense, segera copot unit iklan AdSense yang terpasang di blog. sobat bisa melihat laporan lengkap tentang klik tidak sah (invalid click) dan lainnya pada dasboard AdSense.

Memasang Script Anti Bom Klik AdSense di Blogger

Buka dasbor Blogger > Klik menu Tema dan Edit HTML > Tambahkan kode di bawah ini sebelum </head> atau </body>

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/antiboomclick.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Atau bisa juga dengan kode ini


<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/view@master/clickonme.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
Arlina.init({
click:3,interval:23000});
//]]>
</script>
click:3 - Jumlah maksimum klik, dan akan dimuat kembali setelah interval

interval:23000 - Memuat ulang waktu dalam milidetik

Kemudian klik tombol Simpan tema dan selesai.

Cara Kerja Script Anti Bom Klik Iklan AdSense

Script anti bom klik iklan AdSense di blog bekerja dengan menghindari aktivitas klik iklan berulang-ulang yang dilakukan oleh satu user dengan IP yang sama. Blog yang sudah terpasang script anti bom klik (click fraud) secara otomatis akan menyembunyikan iklan apabila seseorang telah mengklik iklan sebanyak 3 kali pada satu IP address.

Satu hal untuk diketahui, menjadi seorang publisher AdSense bukanlah hal mudah. Banyak waktu dan perjuangan untuk dapat diterima menjadi publisher AdSense, belum lagi menunggu sebuah surat yang tak kunjung datang.

Kurang lebih itulah langkah-langkah untuk mengatasi bom klik dan cara memasang kode script anti bom klik iklan AdSense di blog. Script anti bom klik iklan ini ampuh untuk meredam banyaknya invalid clik iklan AdSense. Selamat mencoba dan wassalam.
Continue reading Tutorial Lengkap Cara Memasang Script Anti Bom Klik AdSense di Blogger
, ,

Mengetahui Tentang Alternatif Google AdSense Terbaru


Pada kesempatan kali ini STENDI.ID akan memberikan informasi Alternatif Google AdSense Terbaru dengan bayaran terbaik. Jaringan iklan kontekstual ini adalah cara terbaik yang penerbit perlu periksa dan mencoba alternatif Adsense untuk semua jenis alasan menghasilkan uang secara online.


Tidak ada keraguan bahwa Adsense masih terbaik bagi hampir semua blogger & penerbit untuk menghasilkan uang secara online. Blogger profesional potensial menghasilkan sejumlah besar uang dengan Google Adsense. Tapi karena Adsense banned karena beberapa alasan mereka yang tidak bisa bekerja dengan Google Adsense, ada beberapa alternatif jaringan iklan alternatif yang tersedia yang akan membantu memonetisasi situs dan blog kaya konten sobat tanpa Adsense.

Jika sobat ingin menguji program monetisasi blog terbaik dan ingin agar pendapatan iklan sobat beragam dengan alternatif pembayaran terbaik ke Google AdSense serta menghasilkan lebih banyak uang untuk blog sobat. Sampai sekarang saya telah meninjau pilihan alternatif yang dipilih sendiri untuk Adsense bagi penerbit dan hanya alternatif terbaik dan berbayar tinggi yang tercantum di sini.

Setiap jaringan iklan memberikan sesuatu yang berbeda dari yang lain untuk mendapatkan lebih banyak uang dari ruang iklan sobat dengan bantuan berbagai jenis iklan di situs web sobat yang akan menyebabkan sobat memiliki beberapa sumber pendapatan lainnya. Dengan mempertimbangkan bahwa sobat bekerja di ceruk mikro blog, usahakan untuk memonetisasi dengan produk affiliasi bahkan jika sobat gagal mendapatkan akun Adsense yang disetujui.

Saya telah mencantumkan jaringan iklan CPC dan CPM teratas untuk menghasilkan uang secara online dari Blogging. sobat bisa mulai menghasilkan uang dalam beberapa jam setelah sobat menerapkannya dengan konten sobat. Beberapa jaringan iklan sulit disetujui namun memiliki tingkat BPS yang membayar tinggi. Saya ingin menyarankan sobat & untuk pendatang baru di industri blogging; bukan untuk tetap dengan hanya satu, melainkan bekerja dengan lebih banyak jaringan periklanan, dan kemudian mencari tahu mana yang bekerja lebih baik daripada yang lain untuk blog, niche, dan lalu lintas bertarget organik sobat.

Bagaimanapun, untuk memonetisasi konten situs web dan blog banyak yang telah melakukan iji coba dari beberapa jaringan iklan dan hanya meninjau jaringan Iklan teratas untuk menemukan pasangan yang tepat bagi pengunjung yang ditargetkan. Pengukuran hanya berfokus pada tarif BPS yang tinggi untuk penerbit. Di pasar, sobat mungkin melihat penerbit menghasilkan $100 per hari sampai $1000 per hari dengan Jaringan Iklan CPC dan CPM. Jadi, berhentilah mencari, membuang waktu dalam menguji ratusan jaringan iklan dan mencari jaringan iklan monetisasi berbayar yang lebih tinggi.

Mengapa sobat harus memilih Alternatif Adsense?

  • Akun Adsense sobat belum disetujui atau berjuang untuk mendapatkan Persetujuan Adsense
  • Tidak memiliki cukup konten untuk melewati syarat dan ketentuan Google Adsense.
  • Lalu lintas web sobat tidak begitu banyak kualitas untuk menanggapi Adsense sobat.
  • Niche sobat tidak didukung oleh Google.
  • Akun Adsense sobat dinonaktifkan karena pelanggaran persyaratan.
  • Ingin mencoba lebih banyak monetisasi jaringan iklan untuk mendapatkan penghasilan tambahan dengan atau tanpa Adsense.
  • Mencari format iklan lain yang dapat memberi sobat hasil yang lebih baik dan keterlibatan pengguna yang lebih banyak.
  • Konten sobat tidak bisa menghasilkan pendapatan Adsense yang cukup.
  • sobat tidak memiliki persentase lalu lintas yang tinggi dan menyebabkan lebih banyak pendapatan iklan bagi penayang.

Jaringan Iklan Alternatif Google Adsense Terbaru

Ini adalah jaringan Iklan terbaik dan teruji. sobat hanya perlu mendaftar dan mulai mendapatkan penghasilan dari blog sobat.



1. Ezoic Display, Text,

Skyscraper, Link,

Mobile Ads
English,

Original, No Adult
$20 by PayPal, Payoneer,

WireTransfer, Cheque
2. Sulvo Sticky Multimedia, Mobile,

Display, In-Video
English,

Original, No Adult
$50 by PayPal, Payoneer,

Wire, Cheque
3. Adsterra International Banner,

Leaderboard,

Mobile-optimized
English,

Original, No Adult
$100 by PayPal, Bitcoin,

Payoneer, WireTransfer
4. Adbuff FREE $25 Display Ads,

Leaderboard,

Mobile Ads
English only,

2000 Views/day

USA/UK traffic
$100 by PayPal, Payoneer,

WireTransfer, Cheque
5. Yahoo! Media.Net Text Ads,

Display Ads,

Mobile Banners
English,

No. Min. traffic,

No Adult, Tobacco
$100 by PayPal, Payoneer,

WireTransfer, Cheque
6. PropellerAds Direct Ads Direct Links,

Popunder, Push Up,

Mobile Banner
English,

Original,

10000 Views/Month
$50 by PayPal, Payoneer,

WireTransfer, Cheque
7. Adversal RTB Display, Video Ads,

Popunder, Mobile Ads,

Ministitial
English,

Original, No Pirated

50000 Views/Month
$20 by PayPal, Payoneer,

WireTransfer, Cheque
8. Affinity In-Footer,In-Image,

In-Margin,In-Page,

Video
English,

Original, No Adult/illegal
$50 by PayPal, Bitcoin,

Payoneer, Wire
9. Advertopia Display Ads,

Skyscraper,

Mobile Ads
English,

Original, No Adult
$20 by PayPal, Payoneer,

WireTransfer, Cheque


Jaringan iklan alternatif AdSense yang dibahas di diatas walaupun tidak lebih besar dari Google AdSense, namun semuanya bergantung pada jenis konten blog dan lalu lintas yang ditargetkan di situs web. Beberapa program alternatif Adsense yang berkinerja terbaik seperti Adbuff atau Media.net dapat menyebabkan sobat menghasilkan lebih banyak dan mampu mendorong hasil yang lebih baik daripada Google AdSense.
Continue reading Mengetahui Tentang Alternatif Google AdSense Terbaru
, ,

Tutorial Lengkap Cara Mengaktifkan Ads.txt di Blogger


Apa Itu Ads.txt?

Ads.txt adalah sebuah inisiatif dari Interactive Advertising Bureau Tech Lab (IAB) untuk mempromosikan dan meningkatkan transparansi dalam periklanan program. Ini adalah cara mudah bagi penayang Adsense untuk menunjukkan dengan jelas kepada pembeli yang diberi wewenang untuk menjual inventaris mereka.


Sebenarnya untuk Blogger Ads.txt sudah ada sebelumnya namun sekarang sobat bisa mengedit Ads.txt sesuai keinginan dan bagi sobat yang mendapatkan pesan peringatan seperti ini

Penghasilan Anda berisiko - Satu atau beberapa file ads.txt Anda tidak berisi ID penayang AdSense. Perbaiki masalah ini sekarang juga untuk menghindari dampak yang serius pada pendapatan Anda.

Di dasbor Google Adsense, Google menyarankan sobat untuk mengaktifkan Ads.txt di blog.

Bagaimana Cara Mengaktifkan Ads.txt di Blogger?

Untuk mengaktifkan Ads.txt di Blogger, sobat bisa mengaturnya di Dasbor Blogger > Setelan > Preferensi penelusuran > Monetisasi > ads.txt kustom > Kemudian klik edit pilih Ya dan isi kode berikut di kolom ads.txt





google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0


Ganti pub-0000000000000000 dengan ID Adsense sobat kemudian klik Simpan perubahan.

ID Adsense bisa didapatkan di dasbor Google Adsense sobat seperti contoh di bawah ini






Untuk mengecek apakah Ads.txt sudah aktif, sobat bisa cek di tab pencarian browser dengan link seperti ini


http://www.nama_domain.com/ads.txt


Ganti nama_domain dengan alamat blog sobat.

Bagi sobat yang memiliki blog dengan sub domain dari domain utama, sobat tidak perlu mengaktifkan Ads.txt ini. Cukup hanya di blog dengan domain utama saja yang diaktifkan


Demikian tentang Cara Mengaktifkan Ads.txt di Blogger, semoga bermanfaat.
Continue reading Tutorial Lengkap Cara Mengaktifkan Ads.txt di Blogger
, , ,

Tutorial Lengkap Cara Memasang Adblock Killer Pada Blog



Namun apa yang akan saya bagikan kali ini berbeda dengan script yang dibagikan Kang Ismet di blognya tetapi masih memiliki fungsi yang sama yaitu mematikan fungsi dari ekstensi Adblock yang menghilangkan banner iklan pada situs yang memasangnya.

Disini anda hanya perlu menambahkan script di widget blog maka kode akan berjalan secara otomatis jika anda memakai ekstensi adblock pada browser yang anda pakai.


Langsung saja, berikut cara penerapannya :


Buka Blogger > Tata Letak > Klik Tambahkan Gadget > Klik HTML/JavaScript






Kemudian salin dan terapkan kode dibawah ini didalamnya


<style scoped='' type='text/css'>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#fcfcfc;opacity:.99;display:block;padding:7% 0;bottom:0;right:0;z-index:9999!important;}#h237 *{text-align:center;margin:0 auto;display:block;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 * a {padding:12px 15px!important;background-color:#f77c6a;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;display:block;margin:15px auto;clear:both;width:20%;transition:all 0.3s ease-out;}#h237 * a:hover {opacity:.9;}#h237 ~ *{display:none}</style><div id="h237">
<span>Mohon Aktifkan Javascript!<a href="http:/
/www.enable-javascript.com/">Enable JavaScript</a></span></div>
<script>window.document.getElementById("
h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="http://3.bp.blogspot.com/-2EGDZuWXNpQ/VFm5GWf22bI/AAAAAAAABis/VLUHqasnl0w/s1600/Disable%2BAdblock.png" height="350" width="699" alt="" /> <a href="JavaScript:window.location.reload()">Reload</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>


Simpan dan lihat hasilnya.


Untuk mengganti gambar serta tulisannya, temukan link gambar berikut pada script di atas.



http://3.bp.blogspot.com/-2EGDZuWXNpQ/VFm5GWf22bI/AAAAAAAABis/VLUHqasnl0w/s1600/Disable%2BAdblock.png



Script akan berjalan jika :
  • User memasang / mengaktifkan ekstensi Adblock pada browser
  • User Menonaktifkan Javascript pada situs
  • User memasang / mengaktifkan ekstensi Anti Adblock Killer pada browser.


Bisa dibilang ini merupakan pengembangan dari Adblock Killer yang dapat menahan ekstensi Anti Adblock Killer


Selamat mencoba dan semoga bermanfaat.



Source : arlinadesign.blogspot.com
Continue reading Tutorial Lengkap Cara Memasang Adblock Killer Pada Blog
, , ,

Tutorial Lengkap Cara Membuat Notifikasi Adblocker Adsense Ala Kompi Ajaib


Tutorial ini saya dapat dari blog Kompi Ajaib yang dikelola oleh admin +Adhy Suryadi yang senantiasa memberikan trik dan tips blogger yang bermanfaat dan beliau sangat menginspirasi saya untuk membangun blog menjadi lebih baik. Mengenai penjelasan kenapa sobat perlu Menambahkan Notifikasi Adblocker Adsense di dalam blog sobat bisa mengunjungi sumbernya di https://www.kompiajaib.com/2016/07/membuat-notifikasi-untuk-pengguna.html


Dalam tutorial ini, saya hanya memodifikasi tampilan notifikasi dari sumber yang sudah saya sebutkan di atas. Tampilan notifikasi Adblocker Adsense akan muncul jika sobat mengaktifkan ekstensi adblock di browsernya akan terlihat seperti gambar di bawah ini



Membuat Notifikasi Adblocker Adsense Ala Kompi Ajaib


Di sini saya memberikan 2 style yang berbeda seperti gambar di bawah ini




Style 1





Style 2




Pertama, buka Blogger > Template > Klik Edit HTML > Tambahkan CSS berikut sebelum kode ]]></b:skin> atau </style>



/* Notifikasi Adblocker Adsense */
#keep-ads{padding:0;position:fixed;bottom:0;opacity:0;height:auto;transition:all .6s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;}
.keep-adsme{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;line-height:1.5;font-family:monospace;max-width:930px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);transition:all .6s cubic-bezier(.25,.8,.25,1);border:15px solid rgba(0,0,0,.07);overflow:hidden;}
.keep-adsme:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
.keep-adsme h4{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;margin:0 auto}
#keep-ads p{margin:0}
#keep-ads a{color:#ffe88b;}#keep-ads a:hover{color:#ffe88b;text-decoration:underline}
#keep-ads.show{left:0;top:0;right:0;z-index:1000;pointer-events:auto;opacity:1;visibility:visible;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);animation:wobble .7s;opacity:1;}
.close-keep-ads{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
.close-keep-ads:hover{color:#fff;transform:scale(1.0);}
.keep-adsme:hover .close-keep-ads{visibility:visible;opacity:1;color:#ffe88b;transform:translate(0,0);}
#keep-ads p span {font-family:fontawesome;font-size:5rem;}
@keyframes wobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}


/* Notifikasi Adblocker Adsense */
#keep-ads{padding:0;position:fixed;bottom:0;opacity:0;height:auto;transition:all .6s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;transition:all .2s ease-in-out,visibility 0s;transform-origin:bottom center;}
.keep-adsme{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0;margin:auto;top:30%;left:0;right:0;font-size:1.2rem;line-height:1.5;max-width:930px;box-shadow:0 0 50px rgba(0,0,0,0.25);transition:all .6s cubic-bezier(.25,.8,.25,1);overflow:hidden}
.keep-adsme:hover{box-shadow:0 0 20px rgba(0,0,0,0.15);}
.keep-adsme h4{background:#d04537;color:#fff;padding:15px 25px;font-size:2.2rem;margin:0 auto;border-bottom:1px solid rgba(0,0,0,0.1);}
.keep-me{border-top:1px solid rgba(255,255,255,0.1);padding:10px 30px 50px 30px}
#keep-ads p{margin:0}
#keep-ads a{color:#ffe88b;}#keep-ads a:hover{color:#ffe88b;text-decoration:underline}
#keep-ads.show{left:0;top:0;right:0;z-index:1000;pointer-events:auto;opacity:1;visibility:visible;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);animation:wobble .7s;opacity:1;}
.close-keep-ads{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:32px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);}
.close-keep-ads:hover{color:#fff;transform:scale(1.0);}
.keep-adsme:hover .close-keep-ads{visibility:visible;opacity:1;color:#ffe88b;transform:translate(0,0);}
#keep-ads p span {font-family:fontawesome;font-size:5rem;}
@keyframes wobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}


Tambahkan juga CSS di bawah ini (Khusus tampilan smartphone)



<b:if cond='data:blog.isMobileRequest == "true"'>
<style type='text/css'>
.keep-adsme{top:0;padding:15px;border:0;font-size:1.1rem;opacity:.99;bottom:0;font-family:arial;}
.keep-adsme h4{background:transparent;font-size:1.5rem;margin:40px auto 0 auto;}
.close-keep-ads{text-align:center;visibility:visible;opacity:1;color:#fff;bottom:20px;right:20px;padding:0;font-size:32px;width:38px;height:38px;line-height:32px;border-radius:100%;border:2px solid #fff;transform:translate(0,0);}
.close-keep-ads:hover,.keep-adsme:hover .close-keep-ads{background:#fff;color:#e74c3c;}
</style>
</b:if>


Kemudian tambahkan Javascript di bawah ini sebelum kode </body>



<script type='text/javascript'>
//<![CDATA[
// Notifikasi Adblocker Adsense
function hidekeep(){document.getElementById("keep-ads").style.display="none"}setTimeout(function(){var e=document.getElementById("keep-ads"),t=document.querySelectorAll("ins.adsbygoogle");0===$(t).height()&&(e.className="show")},2e3);
//]]>
</script>


Selanjutnya, tambahkan HTML di bawah ini bebas di dalam kode <body> dan </body>



<div id='keep-ads'>
<div class='keep-adsme'>
<p><h4>Adblock Detected</h4></p>
<p><span><i aria-hidden='true' class='fa fa-exclamation-triangle'/></span></p>
<p>Like this blog? Keep us running by whitelisting this blog in your ad blocker</p>
<p>This is <a href='
http://www.wikiblog.my.id/p/whitelisting-wikiblog-myid.html' target='_blank' title='Show me how'>how to whitelisting</a> this blog in your ad blocker</p>
<p>Thank you</p>
<div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
</div>


<div id='keep-ads'>
<div class='keep-adsme'>
<p><h4>Adblock Detected</h4></p>
<div class='keep-me'>
<p><span><i aria-hidden='true' class='fa fa-exclamation-triangle'/></span></p>
<p>Like this blog? Keep us running by whitelisting this blog in your ad blocker</p>
<p>This is <a href='http://www.wikiblog.my.id/p/whitelisting-wikiblog-myid.html' target='_blank' title='Show me how'>how to whitelisting</a> this blog in your ad blocker</p>
<p>Thank you</p>
</div>
<div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
</div>


Di sini saya menambahkan ikon fontawesome dan pastikan di blog sobat sudah menambahkan library css fontawesome. Jika tidak, sobat bisa hapus pada kode yang ditandai.

Edit kode yang ditandai ganti link dengan url tujuan. Contoh tulisan yang ada dalam link tersebut saya dapatkan dari blog Kompi Ajaib.

Jika sobat ingin menyembunyikan kode di atas dari smartphone dan halaman statis, sobat bisa membungkus kode tersebut dengan tag kondisional seperti contoh di bawah ini

Pastikan tidak menggunakan cara ini jika ingin memunculkan notifikasi pada smartphone


<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='keep-ads'>
<div class='keep-adsme'>
<p><h4>Adblock Detected</h4></p>
<p><span><i aria-hidden='true' class='fa fa-exclamation-triangle'/></span></p>
<p>Like this blog? Keep us running by whitelisting this blog in your ad blocker</p>
<p>This is <a href='http://www.wikiblog.my.id/p/whitelisting-wikiblog-myid.html' target='_blank' title='Show me how'>how to whitelisting</a> this blog in your ad blocker</p> <p>Thank you</p>
<div class='close-keep-ads' onclick='hidekeep()'>&#215;</div>
</div>
</div>
</b:if>
</b:if>


Selesai! Simpan template dan lihat hasilnya.

Cara Menyembunyikan Konten Blog Jika Javascript Dinonaktifkan




Trik Tambahan, contoh seperti pada gambar di atas

Berikut adalah trik tambahan jika pengguna menonaktifkan / block Javascript alamat situs tertentu di pengaturan browser, biasanya ini terjadi saat pengguna ingin menonaktifkan fungsi tertentu pada situs yang ia block. Cara kerja trik ini yaitu menyembunyikan isi konten blog dengan tampilan notifikasi seperti pada tutorial di atas. Di sini saya memanfaatkan kondisi noscript saat halaman web dimuat, di bawah ini contoh gambar situs yang di block.




Berikut Cara Menyembunyikan Konten Blog Jika Javascript Dinonaktifkan, tambahkan kode berikut sebelum </head>

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


Kemudian tambahkan kode berikut tepat di bawah <body>



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


Terakhir, simpan template.


Demikian tutorial singkat tentang Cara Membuat Notifikasi Adblocker Adsense Ala Kompi Ajaib. Semoga bermanfaat bagi sobat semua, terima kasih.
Continue reading Tutorial Lengkap Cara Membuat Notifikasi Adblocker Adsense Ala Kompi Ajaib
, ,

Tutorial Lengkap Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript


Cara kerja dari kode JavaScript yang akan Saya bagikan ini adalah mendeteksi ekstensi Adblock secara otomatis jika pengunjung mengaktifkan Adblock di browser yang mereka gunakan ketika membuka blog sobat dengan memunculkan sebuah pesan khusus. Kode JavaScript ini sudah mendukung format baru dari data iklan Responsive Asynchronous Google Adsense dan memanfaatkan selektor ins.adsbygoogle kemudian menggantinya dengan sebuah pesan ketika Adblock di browser aktif.

Kode ini pun cukup ringan, jadi sobat tidak perlu khawatir jika kode ini akan membebani kecepatan loading blog sobat. Bagi yang ingin mencobanya silakan ikuti langkah berikut :

Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript

1. Login ke Blogger > Buka Template Editor > Kemudian tambahkan kode di bawah ini sebelum tag </body>



<script type='text/javascript'>
//<![CDATA[
// Adblock Detected
window.onload=function(){setTimeout(function(){var e=document.querySelector("ins.adsbygoogle");e&&0==e.innerHTML.replace(/\s/g,"").length&&(e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)",e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda")},2e3)};
//]]>
</script>


Contoh tampilan pesan :



Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript


Keterangan :



e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)"


Kode yang ditandai merupakan CSS tampilan pesan, silakan modifikasi sesuai selera.



e.innerHTML="Tampaknya Anda memblokir iklan Google AdSense di browser Anda"


Ganti kode yang ditandai dengan tulisan sobat.



2. Jika sudah ditambahkan, simpan template kemudian cek blog dan aktifkan Adblock untuk memastikan kode berjalan dengan baik.



Demikian tutorial tentang Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript, semoga bermanfaat.
Continue reading Tutorial Lengkap Cara Menambahkan Pesan untuk Mendeteksi Adblock dengan JavaScript
,

Tutorial Lengkap Cara Memasang Adblock Killer Versi Terbaru




Apa itu Adblock? Adblock merupakan sebuah ekstensi pada sebuah browser atau aplikasi untuk mengilangkan iklan pada situs, seperti kita ketahui bahwa iklan di blog itu kadang mengganggu pengunjung oleh karena itu pengguna internet mulai menggunakan ekstensi Adblock.

Tapi di sisi lain, bagi seorang penulis blog yang menerapkan iklan baik itu dari Google AdSense hal itu merupakan salah satu ancaman menurunnya pendapatan dari blog. Untuk mengatasi hal ini kita perlu menambahkan script Adblock Killer pada blog.

Sebelumnya saya juga pernah posting terkait hal ini di postingan berikut :

Fungsinya tetap sama, yaitu dengan memberikan notifikasi kepada pengunjung untuk menonaktifkan ekstensi Adblock untuk situs ini namun dengan tampilan berbeda. Bagi yang ingin memasangnya silakan ikuti langkah berikut ini.


Cara Memasang Adblock Killer Versi Terbaru

Pertama buka dasbor Blogger >Klik menu Tema > Klik tombol Edit HTML dan tambahkan kode di bawah ini sebelum kode 
 atau kode </head><!--

Selanjutnya tambahkan kode ini sebelum  atau <!----></body>
<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
Kemudian klik Simpan tema dan selesai. Notifikasi Adblock ini akan muncul jika pengunjung mengunjungi situs kita dan mengaktifkan ekstensi Adblock. Pastikan untuk mengaktifkan ekstensi Adblock.
Jika ada yang sudah memasang kode JS Adsense di dalam template seperti ini
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Atau seperti ini

<script type='text/javascript'>
//<![CDATA[
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
//]]>
</script>

Silakan hapus kode tersebut karena di dalam kode Adblock Killer ini sudah tertanam kode JS Adsense didalamnya.


Itulah Cara Memasang Adblock Killer Versi Terbaru, semoga bermanfaat dan wassalam.

Continue reading Tutorial Lengkap Cara Memasang Adblock Killer Versi Terbaru
, , ,

Tutorial Lengkap Cara Terbaru Menambahkan Formulir Kontak di Blog


Baiklah, berikut Cara Terbaru Menambahkan Formulir Kontak di Blog.

Pertama, buka Blogger tambahkan widget formulir kontak di menu Tata Letak > Klik Tambahkan Gadget > Setelah menu terbuka, pilih Gadget Lainnya dan klik tanda plus di widget Formulir kontak kemudian klik Simpan.





Silakan lewati langkah ini jika di blog sobat sudah menambahkan widget Formulir kontak.

Selanjutnya, klik menu Tema > Klik tombol Edit HTML > Tambahkan kode CSS di bawah ini sebelum </head>


<style type='text/css'>
#ContactForm1,#ContactForm1 br{display:none}
</style>


Setelah itu klik tombol Simpan tema.

Selanjutnya klik menu Halaman > Klik tombol Halaman baru dan tambahkan kode di bawah ini pada tab HTML post.





Edit juga Setelan entri pada menu Pilihan






<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Roboto';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>


Bagi yang mengoptimasi blognya dengan menyembunyikan CSS dan JS Blogger tambahkan kode di bawah ini tepat di bawah kode pada langkah sebelumnya

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '
7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7342017194742683056','//www.arlinadzgn.com/','7342017194742683056');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '
7342017194742683056', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>


Ganti semua kode yang ditandai dengan URL dan ID blog sobat. ID blog bisa didapatkan saat kita membuka salah satu blog di Blogger dan akan tampil pada tab browser




Jika sudah ditambahkan klik tombol Publikasikan dan selesai.




Itulah Cara Terbaru Menambahkan Formulir Kontak di Blog, selamat mencoba dan semoga bermanfaat, wassalam.

Continue reading Tutorial Lengkap Cara Terbaru Menambahkan Formulir Kontak di Blog