Iklan atas layar bagian bawah

Dalam menampilkan iklan kita sering melihat tataletak iklan itu sendiri baik di dalam artikel maupun bagian samping atau bawah artikel dan salah satunya cukup efektif kita letakkan iklan diatas layar bagian bawah sehingga pengguna atau pengunjung bisa menutup iklan kita jika mengganggu.



untuk banner iklan ini memiliki sebuah tombol close, dimana yang jika kita klik tombol closenya sekali maka iklan nya akan menghilang, iklan tersebut terletak di bagian bawah blog.

Langkah-langkah membuatnya sebagai berikut:

  1. Silakan login blog seprti biasa
  2. Klik menun TATA LETAK ~ klik TAMBAHKAN GADGET 
  3. Silakan copy kode yang ada didalam kotak dibawah ini, kebetulan juga dari ajax
  4. Pastekan kode diatas kedalam Widget Blog yang dibuka tadi
  5. Klik Save, dan lihat hasilnya.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<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: 50px; z-index: 9999;">
<div style="height: 6px; text-align: right; width: 320px;">
<img id="closed" src="https://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png" /></div>
<div style="clear: both;">
</div>
<center>
<a href="URL IKLAN" target=" blank"><img src="URL GAMBAR" /></a>
</center>
</div>

Baca Juga : Tambah Widget header menjadi 2

PENTING

  • Warna hijau anda ganti dengan ukuran iklan anda
  • Warna biru anda ganti dengan URL ikalan / URL yang dituju
  • Warna merah diganti dengan URL gambar iklan
Semoga bermanfaat dan sebelum anda menutup Artikel ini, silahkan berikan masukannya di kolom komentar. Apa kekurangan dan kelebihan Artikel ini, supaya penulis bisa terus belajar untuk memberikan yang terbaik. Anda juga bisa bertanya jika ada beberapa penjelasan yang masih belum dipahami. Jika anda merasa artikel ini bermanfaat, jangan lupa untuk mengklik tombol share. Sekali lagi belajar mudah bersama bimbing dong.

0 komentar:

Post a Comment

Berkomentar cerdas, terima kasih atas komentarnya dan pertanyaannya.,..

Categories

Popular Posts