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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhChASFoBaSGFTpRWYi5ca360E2AprzA3BufT6XePm26iJiiirBWRlGWA4xTJ8FYvB-AeTwmoyJHwGm1D4Nqa1fgh6oj-38S_aKS4Qi0ayczNmYCwpowdumm-ZruyHIFYLvuV1MlBsDF4XT/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.

Related Posts:

  • CARA MENYATUKAN WIDGET DALAM SATU KOTAK Trik Widget Menjadi Satu Trik Kali ini sederhana yang berupa membuat tampilan widget dalam satu tempat kelihatan rapi. Dengan trik ini teman-teman bisa mengatur tatanan widget teman-teman agar tidak kelihatan tidak rapi.&nb… Read More
  • CARA MENGEDIT HTML ATAU HTML EDITOR PERINTAH-PERINTAH HTML Ayo buat kamu yang belum punya dasar html, disini saya coba share html dasar untuk pemula, Berikut ini adalah perintah-perintah HTML untuk penanganan TEKS. <H1> Sampai <H6>… Read More
  • CARA PASANG IKLAN MUNCUL DI BAWAH LAYAR 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 diat… Read More
  • CARA MEMBUAT MENU NAVIGASI CARA MEMBUAT MENU NAVIGASI PADA BLOG ATAU WEBSITE atau Dikenal dengan MENU BAR Langkah-langkahnya sebagai berikut: klik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’. Kedua, cari ]]>&… Read More
  • CARA MENAMBAH WIDGET DISAMPING HEADER Cara menambah widget Header menjadi dua (2)  Widget yang terletak tepat disamping kanan header, sehingga header menjadi 2 bagian. dengan menambahakan widget disamping header, kita dapat menghemat penggunaan halaman bl… Read More

0 komentar:

Post a Comment

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

Categories

Popular Posts