KEBEBASAN BERPIKIR
Home » » Cara Memasang Iklan Melayang di Footer dengan Tombol Close

Cara Memasang Iklan Melayang di Footer dengan Tombol Close

Written By dan ipul climber on Kamis, 18 Juli 2013 | 21.04


 Cara Memasang Iklan Melayang di Footer dengan Tombol Close

Cara Memasang Iklan Melayang di Footer dengan Tombol Close - Pada postingan sebelumnya saya juga pernah membahas tentang cara memasang iklan banner diatas header blog, nah kali ini iklan banner akan diletakkan/ditempatkan di footer blog. Jika anda ingin membuat dan memasang iklan di footer, langsung saja yuk simak cara membuat iklan banner melayang di footer blog dengan tombol close 1x saja.

Membuat Iklan Melayang di Footer Blog dengan Tombol Close 1x
1. Login ke blogger.com
2. Pada dashboard, pilih Tata Letak => Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode berikut kedalamnya

<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/AVvXsEjBAiu1HnRvTJcUZgFcb0s2b_FCT0ddUz4jHWL29aEpTp6hAvPlG8DkK2qzGiVTMS6amzW9Nlj6xM69UGoiE1LY89-fWZvVTER5F8fBmnLOkWbrJoOf83zxvU28sZi2wPzHBFt7TB-iSwmB/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="URL Tujuan Jika Diklik" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCZNFBKj7J6Hu_uj15eeTEYeUgTamb0Kn_DPfQAxOQUSWAFO2-X7Io2LJjEHmnyfq7Bpk7h6MVULlPu8wUjHEA-DPy-Qv6H_z1ruuvC9go7fXBZkEUj8o2XlxSlvrI1uEEvDz-uJIChE/s1600/banner-728x90.jpg" /></a>
</center></p>
</p>
</div>

Keterangan :
1. Teks warna merah adalah ukuran iklan banner
2. Teks warna biru adalah url tujuan iklan banner jika diklik
3. Teks warna kuning adalah Url iklan banner 
Share this article :

0 komentar:

Posting Komentar

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. 543598 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger