Cara Membuat Iklan Banner Melayang di #WordPress #Blog

contoh cara membuat iklan melayang di wordpress banner popup di blog spot #website


Banyak diantara kita yang sudah mempunyai website baik yang menggunakan paltform wordpress atau blog spot atau lainya dengan berbagai kebutuhan dan tujuan masing-masing. Apabila ingin menampilkan iklan/banner di website anda silahkan di copas kode html berikut gan.

Gambaran penampakannya Gan :

contoh-banner-melayang-dibawah-blog-website

Langkah-langkah Membuat Iklan Melayang Di Footer BlogSpot
1. Login ke blogger.com
2. Pilih Tata Letak dan kemudian Tambah menu Gadget
3. Pilih HTML/JavaScript
4. terakhir Masukan kode html yang tercantum dibawah ini.

Cara membuat banner melayang di footer wordpress
> login ke akun wordpress kamu
> Pilih menu widget
> cari dan tambahkan kolom text
> Masukkan kode html berikut ;

<!– footer banner –>
<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() {
$(‘text#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: 80px; z-index: 9999;’>
<div style=’text-align: right; width: 983px; height: 15px;’>
<text id=’closed’>CLOSED</div>
<div style=’clear: both;’></div>
<p>
<p><center>
<!– kode banner–>
<a href=”http://banyakcara.com/” target=” blank”><img src=”http://www.banyakcara.com/wp-content/uploads/2016/10/header-banyak-cara4.png” /></a>
<!– kode banner–>
</center></p>
</p>
</div>
<!– footer banner –>

Tinggal disetting besar gambar yang diinginkan, link url tujuan, dan pastinya url gambarnya gan, bisa berupa gif, png, jpg, dll. Sangat sederhana bukan??, selamat mencoba..!!