cara membuat iklan melayang di bawah blog dengan tombol close - Halo sobat Sepetir Info ,Kali ini saya mau share tentang Cara Membuat Iklan Melayang Di Bawah Blog Dengan Tombol Close. space iklan merupakan ruang kosong untuk para pembaca menempatkan baner iklan mereka di blog sobat!
sobat bisa menempatkan space iklan sobat di sidebar, header , dan footer sobat.. kali ini saya akan berbagi cara membuat iklan di footer sobat!! space iklan berikut tidak menempel di template sobat. space iklan ini akan melayang di footer sobat dengan tombol close!!!
ok langsung ni sob ke cara membuatnya
1.login ke blog sobat
2.tata letak > tambah widget> HTML/JavaScript
3.tambahkan script berikut
ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsFEXa8ktti9cFGj9nvNuZvP_pR9HQoIb4WwAUE8hVOlzs3cm9e6ky6eZySpP-OLozC4Tk-Psq7RSrfEg_fio8smi0eGaMCLwPbyw9kaXxS8ODoICg02mmPjkZQJdGLtJiMqRliWGZFsI/s1600/advertise.jpg dengan url gambar sobat
4.save widget
5.done!!!
sobat bisa menempatkan space iklan sobat di sidebar, header , dan footer sobat.. kali ini saya akan berbagi cara membuat iklan di footer sobat!! space iklan berikut tidak menempel di template sobat. space iklan ini akan melayang di footer sobat dengan tombol close!!!
ok langsung ni sob ke cara membuatnya
1.login ke blog sobat
2.tata letak > tambah widget> HTML/JavaScript
3.tambahkan script berikut
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>ganti http://ilmubloggersyahdan.blogspot.com/ dengan url tujuan jika space iklan sobat di klik
</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/AVvXsEjTUF4HUDNSBQjrasRMABuCKtzj3AAcxh9KUA9PGu8bNA6shktOCxgrvXw5pi_9JdHMhPlHQ9jkyuN_RiJw0i2i2iRZDMj5y-eiS8aSGusnLIk5prprPqqjuG01UM-DWbZIqFCdPEYj7jfx/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://ilmubloggersyahdan.blogspot.com/" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsFEXa8ktti9cFGj9nvNuZvP_pR9HQoIb4WwAUE8hVOlzs3cm9e6ky6eZySpP-OLozC4Tk-Psq7RSrfEg_fio8smi0eGaMCLwPbyw9kaXxS8ODoICg02mmPjkZQJdGLtJiMqRliWGZFsI/s1600/advertise.jpg" /></a>
</center></p>
</p>
</div>
ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsFEXa8ktti9cFGj9nvNuZvP_pR9HQoIb4WwAUE8hVOlzs3cm9e6ky6eZySpP-OLozC4Tk-Psq7RSrfEg_fio8smi0eGaMCLwPbyw9kaXxS8ODoICg02mmPjkZQJdGLtJiMqRliWGZFsI/s1600/advertise.jpg dengan url gambar sobat
4.save widget
5.done!!!
asalamualaikum mas gimana caranya blog bisa tampilan seperti ini
ReplyDelete