Cara Mudah Membuat Iklan Tampil Melayang Dengan Tombol Close

Wahyu Development - Bagaiman cara membuat iklan melayang dan dapat di close pada sebuah website?

Telah kita ketahui penempatan iklan sudah di atur oleh perusahaan periklanan, sehingga layout penempatan iklan sudah dapat anda atur sebagaimana mestinya, tetapi jika anda ingin membuat tampilan penempatan iklan berbeda, anda dapat melakukannya dengan menambahkan code sendiri.

Disini saya akan membagikan script untuk menampilkan iklan yang dapat di close, silahkan copy code script berikut ini dan ubah code iklan yang saya tandai dengan warna kuning.

<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%;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 220px; z-index: 9999;'>
<div style='text-align: right; width: 100%; height: 0px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLf7hzBuMRy_wfAYJgtfzebXyev8Fc1YGuVA29miCIKSo4ET9jWmaxTcRDc5E8sFa4lzibJ65lXB-vv9fMXckRCUh2bh4XUVIsleHymZ34p1bO2KMYTU7ZDV3GDgrhZx8UYS780y5owlU/s1600/CLOSE.png'/></div>
<div style='clear: both;'></div>
<p><p><center>

<a href="http://ouo.io/ref/QqkZ8kkW"><img src="http://ouo.io/images/banners/r2.jpg" title="ouo.io - Make short links and earn the biggest money" /></a>

</center></p>
</p>
</div>

Untuk cara pemasangannya cukup mudah, silakan buka dasbor Blogger anda --> kemudian klik menu Tata Letak --> lalu tambahkan Gatget. --> pilih HTML/Javascript --> paste code script diatas di kolom HTML/Javascript tersebut.

Langkah terakhir silahkan klik Save. Dengan demikian iklan dengan tombol close sudah dapat anda lihat.

Itulah cara membuat iklan melayang dengan tombol close, berikan komentar anda dan semoga bermanfaat . . .

Wahyu Development

Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya

Share this post

Related Post