Cara untuk membuat Floating Banner pada Iklan Adsterra di Blogspot


bigvana – Adsterra adalah sebuah Website Iklan Alternatif selain Adsense. 

Kenapa disebut Alternatif?

Karena sudah secara umum kita mengetahui bahwa begitu sulitnya mendaftar Adsense. Termasuk Blog saya ini. Sudah beberapa kali ditolak oleh Adsense, tapi saya tidak menyerah saya kembali mendaftar setelah memperbaiki beberapa hal yang mungkin menyebabkan blog saya mendapatkan penolakan dari pihak Adsense.

Sebetulnya banyak sekali Website Alternatif lainnya selain Adsterra. Tapi berhubung Blog saya memakai Adsterra sebagai penyedia Iklan, untuk lebih relefan saya akan membahas tentang jenis Iklan yang disediakan di Adsterra saja.

Dan menurut saya Adsterra adalah penyedia Iklan Terbaik Alternatif Adsense, dikarenakan Pendaftarannya mudah dan tidak terlalu selektif dalam memilih konten dan kategori Blog.

Bagi anda yang belum bergabung dengan Adsterra anda bisa mendaftar DISINI.

Untuk jenis Iklan Floating Banner sendiri sebetulnya tidak ada dimenu pilihan ikan Adsterra, yang ada cuma pilihan Banner biasa dengan bermacam ragam ukuran.

Supaya kita dapat memasang Iklan dengan jenis Floating Banner kita harus membuatnya sendiri. Kita harus memodifikasi Banner bawaan Adsterra dengan menambahkan dan merubah script Banner bawaan.

Menginjak pada segmen Tutorial cara membuat Floating Banner, Silahkan anda simak penjelasan saya selanjutnya.

1. Copy Script iklan Banner 300 x 250 dari Website Adsterra.

Contoh Script bawaan (default) Banner:

<script type=”text/javascript”>
atOptions = {
‘key’ : ’87d424f27318599edcc9038b5b9f342a’,
‘format’ : ‘iframe’,
‘height’ : 250,
‘width’ : 300,
‘params’ : {}
};
document.write(‘<scr’ + ‘ipt type=”text/javascript” src=”http’ + (location.protocol === ‘https:’ ? ‘s’ : ”) + ‘://reluctanceleatheroptional.com/87d424f27318599edcc9038b5b9f342a/invoke.js“></scr’ + ‘ipt>’);
</script>

Sengaja saya memilih ukuran 300 x 250 karena size ini pas jika tampil pada menu Mobile.

2. Copy Script Floating Banner dibawah.

Script Floating Banner:

<script type=’text/javascript’>         $(document).ready(function() {$(‘img#closed’).click(function(){$(‘#btm_banner’).hide(90);});});
</script>
<!–start: floating ads–>
<div id=’floatads’ style=’width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999′>
<div>
<a href=’//googleweblight.com/sp?u=https://reluctanceleatheroptional.com/jx1ivkcd?key=9a97ab556ca0eea95404a5b3b0b5d5d0‘ id=’close-floatads’ onclick=’document.getElementById(‘floatads’).style.display = ‘none’;’ style=’cursor:pointer;’><img alt=’close’ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9xKfHvxrdJOmMAsN1Vlt7i5XxU_WSNqVhJ8y5y-JejPF_8mFR-uS9g43gIoZ3jczwzFZYtXhNE7-4U_4-CAnN7Ff5WYTWGzB3AKh3NJ8HtODc3cI4p2s75-cW6-eDdbLeTg586mQ7xGc/s1600/btn_close.gif‘ title=’close button’/></a>
</div>
<div style=’text-align:center;display:block;max-width:300px;height:auto;overflow:hidden;margin:auto’>
<!–Script iklan–>
<object data=”//reluctanceleatheroptional.com/watchnew?key=87d424f27318599edcc9038b5b9f342a” width=”300″ height=”250″></object>
<!–Akhir script iklan–>
</div>
</div>
<!–end: floating ads–>

Paste di Aplikasi Catatan seperti Notepad, word atau sejenisnya.

3. Ganti Kode Script yang saya warnai.

Sesuaikan kode yang saya warnai dengan script Banner Adsterra milik anda. Untuk mempermudah anda bisa lihat kode script iklan Banner saya yang sudah saya tandai dengan warna yang sama pada script iklan Floating Banner yang sudah anda copy tadi.
<script type=”text/javascript”>
atOptions = {
‘key’ : ‘87d424f27318599edcc9038b5b9f342a‘,
‘format’ : ‘iframe’,
‘height’ : 250,
‘width’ : 300,
‘params’ : {}
};
document.write(‘<scr’ + ‘ipt type=”text/javascript” src=”http’ + (location.protocol === ‘https:’ ? ‘s’ : ”) + ‘://reluctanceleatheroptional.com/87d424f27318599edcc9038b5b9f342a/invoke.js“></scr’ + ‘ipt>’);
</script>

Untuk tanda warna kuning anda ganti dengan link Direct milik anda.

4. Paste kode diatas kode </body>

Setelah semuanya sesuai copy kode Floating Banner yang anda edit tadi. Klik menu Tema lalu pilih Edit HTML.
Cari kode </body> lau simpan kode Floating Banner tepat diatasnya.
Klik Save untuk menyimpan perubahan.

Kode Floating Banner yang sudah kita bahas ini bisa mengesalkan pengunjung, karena iklan ini tidak akan bisa ditutup dengan cara mengeklik tombol Close yang ada diatas iklan Banner. bila tombol Close di klik, maka akan mengarah ke directlink punya anda. Jadi anda harus memutuskan sendiri di jenis Blog apa iklan ini akan diterapkan. Sebagai saran anda bisa tempatkan iklan ini di Blog jenis Streaming.

Untuk membuat lebih ramah bagi Visitor anda bisa Copy Script dibawah:

<script type=’text/javascript’>         $(document).ready(function() {$(‘img#closed’).click(function(){$(‘#btm_banner’).hide(90);});});
</script>
<!–start: floating ads–>
<div id=’floatads’ style=’width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999′>
<div id=’close-floatads’ onclick=’document.getElementById(‘floatads’).style.display = ‘none’;’ style=’cursor:pointer;’>
<img alt=’close’ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9xKfHvxrdJOmMAsN1Vlt7i5XxU_WSNqVhJ8y5y-JejPF_8mFR-uS9g43gIoZ3jczwzFZYtXhNE7-4U_4-CAnN7Ff5WYTWGzB3AKh3NJ8HtODc3cI4p2s75-cW6-eDdbLeTg586mQ7xGc/s1600/btn_close.gif‘ title=’close button’/></a>
</div>
<div style=’text-align:center;display:block;max-width:300px;height:auto;overflow:hidden;margin:auto’>
<!–Script iklan–>
<object data=”//reluctanceleatheroptional.com/watchnew?key=c344ad899661dba85c1df6c93e85ffa8” width=”300″ height=”250″></object>
<!–Akhir script iklan–>
</div>
</div>
<!–end: floating ads–>


Pada kode diatas tidak menyertakan Directlink, sehingga bila tombol Close diklik, Iklan akan langsung tertutup dengan mudah.

Supaya lebih ramah pengunjung lagi, anda bisa mengganti dengan ukuran Banner yang lebih tipis, misalnya size 320 x 50.
Untuk cara pemasangan, saya saja cuma mengganti nilai weight dan height serta key.

Jenis iklan yang ini bisa anda terapkan pada jenis blog apapun.

Untuk kode iklan ini bekerja dengan baik pada Flatform blogspot, tapi untuk Flatform Website selain Blogspot saya belum mencobanya.

Mungkin dengan sedikit perubahan pada Script, kode ini bisa work juga di Flatform yang lain.
Silahkan anda cari tahu sendiri.

NB:
Kode script ini sudah saya coba berfungsi juga untuk script iklan jenis banner dari penyedia Iklan lainnya selain Adsterra.


Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Search

About

Lifestyle & Technology

Blog ini berisi tentang, gaya hidup, teknologi, juga mencakup Informasi dan Tutorial tentang Aplikasi atau Platform penghasil uang secara online.ย 

Pembahasan tentang aplikasi, dimulai dari cara pendaftaran, Install aplikasi, dan tata cara penggunaan aplikasi atau platform.

Untuk update terbaru saya menambahkan beberapa kategori baru, selain konten tentang Aplikasi, Website dan penghasilan online.

About Me

CLOUD VANA

Web Developer, Writer, and Editor in Indonesia

Facebook: Bigvana Net

Facebook Page: bigvana.com

Email: bacaduit8@gmail.com

“Whatโ€™s up, Iโ€™m Cloud. Iโ€™m a web developer living in Indonesia. I am a fan of technology, music, and arts. Iโ€™m also interested in reading and movies. You can read my blog with a pleaser time :)”

Gallery