Cara Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close.
Semakin pesatnya dunia blog saat ini dibarengi dengan bisnis online
yang begitu maju. Transaksi online pun kini mulai diminati karena sangat
mudah dan praktis. Bagi pemilik usaha online yang ingin memasarkan
barang dagangannya pasti akan membuat promosi di website atau blognya
dengan berbagai bentuk iklan teks maupun banner. Tampilan yang menarik
dan strategis akan sangat berpengaruh pada visitor yang ingin berkunjung
atau tertarik dengan barang dagang Y kita promosikan. Dan salah satunya
yang paling strategis adalah dengan memasang Iklan banner Floating atau
melayang di blog.
Beberapa waktu yang lalu saya telah share Cara Pasang Iklan Melayang di kanan kiri Blog
yang sangat membantu sekali para sahabat blogger dalam mencobanya. Dan
kali ini saya akan share Bagaimana Cara memasang Iklan Melayang di Bawah
Blog atau Footer Blog dengan Tombol Close agar tidak mengganggu.
Penasaran dan Ingin Mencobanya ? Yo kita praktekan bersama !! Berikut
langkah-langkahnya :
1. Login ke Akun Blognya
2. Pada Dashboard pilih Opsi Tata Letak >> Tambahkan Gadget
>> Pilih HTML/JavaScript >> Dan Paste code script dibawah
ini ke dalam kotak yang telah disediakan >>
<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 {
top: 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/AVvXsEi-FShDRY3NRK6tRZIs8F9Nojpvs5eLeD0I4fFRxx5W44-W_Q2QOUqoLCevFYMrRpKYvUQ66KsIRr2yjqYJTT_2fVYAjlIgVktPbb2X8tEa8839s-pHTm9E_xz9xFYkl2EA8DRW1eVbToMr/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- Start of adf.ly banner code -->
<div style="width: 728px; text-align: center; font-family: verdana; font-size: 10px;"><a href="http://adf.ly/?id=1949142"><img border="0" src="https://cdn.adf.ly/images/banners/adfly.728x90.2.gif" width="728" height="90" title="AdF.ly - shorten links and earn money!" /></a><br /><a href="http://adf.ly/?id=1949142">Get paid to share your links!</a></div>
<!-- End of adf.ly banner code -->
</center></p>
</p>
</div>
Keterangan :
1. Script berwarna merah silahkan rubah dengan kode script iklan Sobat
2. Script berwarna biru silahkan sesuaikan ukuran banner / iklan sesuai selera masing2
3. Jika sudah klik Save/ Simpan dan lihatlah hasilnya . .
Semoga bermanfaat ..... ^_^