Cara Membuat Kotak Iklan di Footer

Tips & trik kali ini untuk mengoptimalkan google adsense atau ads (iklan) dari sponsor anda dengan memasang Kotak Iklan di Footer yang user-freindly.

Memasang iklan yang berlebihan pada blog terkadang membuat waktu loading blog bertambah lama apalagi kalo iklan yang men

gandung konten dewasa makin berat aja loadingnya. Nahh... supaya iklan yang dipasang tidak terlalu banyak dan juga iklan yang dipasang dapat dilihat secara optimal, anda dapat memasang Kotak Iklan di Footer atau menggunakan PopUp Ads Screen.

Pada trik kali ini yaitu Cara Membuat Kotak Iklan di Footer saya berikan menggunakan 2 cara yaitu yang pertama dengan kode css dan sedikit sentuhan kode HTML dan yang kedua menggunakan Javascript. Buat anda yang tertarik silakan disimak tutorialnya... Oke jangan lupa untuk memberikan support-nya ya...dengan mengklik iklan yang ada di blog ini...


Contoh :

Untuk pemasangan kode di blog silakan anda pasang cara 1 atau cara 2 sebelum kode </Body>.

Cara 1 : Menggunakan CSS

<style type="text/css">
.botnav{
width:100%;
height:107px;
position: fixed;
bottom:0px;
right: 0px;
background-repeat:repeat-x;
z-index:1;
color:#000000;
}
</style>
<div class="botnav">
<p align="center">
KODE SCRIPT IKLAN
</p>
</div>

Catatan :

height:107px = bisa anda ganti sesuai tinggi dari gambar atau script iklan yang anda pasang.

KODE SCRIPT IKLAN : Anda ganti dengan kode script iklan.

Cara 2 : Menggunakan Javascript

<!-- AWAL FOOTER IKLAN -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br >
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 735px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
KODE IKLAN ANDA
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->

Catatan : 

• height: 110px : Anda ganti sesuai dengan tinggi iklan.
• width: 735px. : Anda ganti sesuai dengan lebar iklan.
• KODE IKLAN ANDA : Ganti dengan code script iklan.

Tidak semua layanan iklan PPC membolehkan cara memasang iklan seperti ini, jadi sebelum anda memasang trik ini pastikan tidak melanggar TOS (Terms of Service) layanan PPC yang anda ikuti.

.: Semoga Bermanfaat :.

Sumber: Monozcore

Related Post