Home » , » Cara Membuat Iklan Melayang Di Footer

Cara Membuat Iklan Melayang Di Footer

Posted by Ampas Kopi on Tuesday, July 23, 2013


Cara Membuat Iklan Melayang Di Footer

Prima Share - Kali ini Prima Share akan membahas tentang Cara Membuat Iklan Melayang Di Footer nih !! Memasang iklan dengan cara ini lebih efektif daripada hanya memasang di sidebar, kenapa ?? karena dengan efek melayang ( tidak menempel pada template ) membuatnya lebih mudah dilihat para pembaca blog kita ^^ Ukuran yang disarankan dengan cara ini adalah  468x60, 728x90, atau 960x60. Space iklan yang melayang ini juga dilengkapi dengan tombol close untuk menutup iklan, jadi para pembaca dijamin enggak akan terganggu deh! Tertarik ?? 


Ok langsung aja di simak tutorialnya ...

1. Log-in Blogger
2. Masuk ke " Tata Letak "
3. Lalu salin script berikut :


<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2GLU5c9pPBJdlOC1Z6FbXbUsmhg09iRVEqhkPsNIyKJtsdAj9PqBxKFMs-JsflqvsjXea7oMpyFQgtvmYjcL4OrhKiksUbHnvpL3RoRGsHYrvCi-fAZ97r0tn9iBgMvKVa8Tu9vmfpjo/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://primacheat311.blogspot.com/p/advertsite-here.html" target=" blank"><img src="http://imageshack.com/a/img191/3853/3wp8.jpg" /></a>
</center></p>
</p>
</div>

* Keterangan :
-  Ganti tulisan yang berwarna merah dengan link yang dituju saat iklan di klik
-  Ganti tulisan yang berwarna biru dengan URL gambar-mu ( gambar untuk iklan )

4. Simpan widget

Keren kan ??
Sekian artikel tentang Cara Membuat Iklan Melayang Di Footer semoga bermanfaat ...


0 komentar:

Post a Comment

-Berkomentarlah dengan sopan dan di larang menyisipkan link aktif