Monday, April 1, 2013

Cara Membuat Iklan Melayang Di Footer Dengan Tombol Close

Malam sobat blogger semuanya,,jumpa lagi dengan Trik n Tip's Prstyblogger,kali ini ane mau posting artikel tentang membuat iklan melayang di bawah (footer) dengan tombol Close.

Kenapa ane kasih Trik ini ,,karena 1 kelebihanya adalah iklan yang sobat pasang  di footer akan terlihat jelas oleh pembaca/visitor blog.Trik ini ane anggap lebih bagus dari pada sobat pasang iklan di sidebar.karena para pengunjung akan lebih fokus melihat kebawah saat membaca postingan atau artikel yang dibaca dari pada melihat ke samping.

Bagi sobat blogger yang mau atau mencoba Trik ini silahkan ikuti langkah-langkahnya:
1.Login ke Blogger
2.Pilih "Tata Letak"---->" tambah Gadget"
3.Copas kode di bawah ini.
<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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

Masukan script iklan anda di sini
</center></p>
</p>
</div>


4.Ganti teks Pink dengan kode Iklan sobat
5.Teks merah adalah lebar n panjang iklan yang akan ditampilkan (sesuaikan dengan iklan yg mau di pasang)
6.Simpan,,------->lihat Hasilnya.

Sekian dulu artikel tentang pasang Iklan di Footer dengan tombol Close,moga bermanfaat buat sobat,,
Jika sobat masih bingung silahkan tulis di kolom coment.
1.yahoo
2.Alexa
3.Webmaster Tool
4.Bing
5.Msn
6.ask
7.prastyblogger
Comments
2 Comments

2 comments: