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..!!

Cara Membuat Iklan Banner Melayang di #WordPress #Blog
Rate: 5 - 4 votes