Cara Membuat Kotak Iklan di Footer

Berikut adalah cara membuat dan memasang kotak iklan di footer blogspot
triknya mebuat Kotak Iklan di Footer adalah bisa dengan 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...
contoh iklan di footer

Cara yang pertama kita menggunakan kode 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>

 note:

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

notes:

• 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) PPC yang anda ikuti.

cara pasangnya kode iklan footer di blogspotnya
1. Tentu saja langkah awal adalah masuk ke blog masing2
2. Masuk ke tata letak
3. Klik Add Gadget dan pilih 'javascipt/html'
4. copas script berikut ke dalamnya

Author : Admin

Share this

Related Posts