CARA MEMASANG IKLAN / WIDGET PADA FOTTER BLOG

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 mengandung 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 :
iklan
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>
<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&#8217; 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&gt;
<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 :.
Categories: smua tentang blog | Tinggalkan komentar

Navigasi pos

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Blog di WordPress.com.

%d blogger menyukai ini: