CARA MEMBUAT IKLAN MELAYANG DI BAWAH BLOG
Untuk pembahasan kali ini saya akan memberikan tips cara membuat iklan melayang yang berada di bawah blog dengan tombol close dan tampilan yang responsive, iklan melayang seperti ini biasa di pasang oleh beberapa blogger ataupun situs besar lainnya untuk meningkatkan jumlah klik dan berharap pendapatan pun dapat meningkat juga.
Tambahan script yang akan dipasangkan di blog pun juga tidak menggunakan jquery libary, dengan begitu script iklan melayang tidak menggangu speed loading blog kalian. penggunaan floating ads yang responsive membuat iklan dapat menyesuaikan ukurannya sesuai dengan device yang digunakan.
Tampilan yang simple dan tidak menggangu pengguna saat membaca karena terdapat tombol close yang dapat menutup iklan, menggunakan ukuran iklan 728 x 90 yang dapat menyesuaikan di prangkat mobile. Jika kalian tertarik untuk menggunakan iklan melayang di bawah blog ini saya akan memberikan scriptnya
Cara Membuat Iklan Melayang Di Bawah Blog
1. Login Blogger2. Pilih menu template/tema > klik edit HTML
3. Kemudian cari code </body>
4. Letakkan kode berikut di atas </body>
<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 id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioknlegMfXSbNmjs8QLPsfb8tRb9Oy5fzaXQ1eisQ3yxYJenGMqiq_XFcOjfriG9XvT5YQAB_VxD9Zij8tZ-XcedfCIp__dUyg_RbFwSP6qwg7OImAGNlY4T6SnLJA9ol9X7RH7y82ZbA/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
LETAKAN SCRIPT IKLAN DI SINI
</script><!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
$(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 id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioknlegMfXSbNmjs8QLPsfb8tRb9Oy5fzaXQ1eisQ3yxYJenGMqiq_XFcOjfriG9XvT5YQAB_VxD9Zij8tZ-XcedfCIp__dUyg_RbFwSP6qwg7OImAGNlY4T6SnLJA9ol9X7RH7y82ZbA/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
LETAKAN SCRIPT IKLAN DI SINI
</script><!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
Berikut tadi langkah cara untuk membuat iklan melayang di bawah blog semoga dapat membantu dan bermanfaat buat kalian, jika ada pertanyaan ataupun tambahan silahkan gunakan kolom komentar.
Salam
KUHAKUSOFT
Nama lengkap saya Ilham Tegar Bintang Ananda, saya bekerja sebagai it tecnical support di sekolah negeri di daerah saya, bloging sebagai pengisi waktu saya di kala senggang dan sebagai media sharing pengalaman.
0 Response to "CARA MEMBUAT IKLAN MELAYANG DI BAWAH BLOG"
Post a Comment
Jika kalian memiliki pertanyaan silahkan berkomentar dengan menggunakan bahasa yang baik dan dilarang menyertakan link aktif, terimakasih semoga bermanfaat.