Cara Membuat Iklan Melayang di Bawah Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Beberapa waktu lalu pada posting Cara Membuat Kolom Widget di Bawah Header Blog ada salah satu pengunjung Brader Blog yang memberikan komentar dan memberikan permintaan untuk saya agar menuliskan Cara Membuat Iklan Melayang di Bawah Blog. Namun saya baru bisa menuliskan posting tersebut saat ini. Semoga Iklan Melayang di Bawah Blog ini sesuai dengan permintaan pengunjung.
Tidak usah panjang lebar lagi, Iklan Melayang di Bawah Blog ini disertai dengan tombol close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut. Beginilah cara membuatnya:
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut 

<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() { $('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: 105px; z-index: 9999;'> <div style='text-align: right; width: 728px; height: 15px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaihJHuV4BpsO4VFrp-70ctboCajM8YljkKfeovrSeUj-0hApXv6haIhDLvCjgPTSoqgTTwScYmaC8xzaupBTTd7xlFFJmz4cp9E6gpypFMMzMBzLC1fipTHFPmz6V7KOsdAMEDPswg28V/s1600/close3.png'/></div> <div style='clear: both;'> </div> <p> <p> <center> PASANG IKLAN KALIAN DISINI </center> </p> </p> </div> - See more at: http://regibrader-free.blogspot.com/2013/04/cara-membuat-iklan-melayang-di-bawah.html#sthash.xmdJx7py.dpuf

6. Ubah ukuran pada script berwarna biru. Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus lebih besar dari ukuran tinggi pada banner/gambar iklan sobat. Tombol close memerlukan space kolom 15px. Maka sobat buat kolom dengan ukuran: tinggi banner + 15px. 8. Klik simpan, dan selesai.

# Jika tombol close tidak berfungsi, itu berarti area untuk tombol close kurang tinggi. Silakan tambah lagi tingginya. Sebenarnya tombol close ini bisa disimpan diatas kanan atau disamping kanan iklan, untuk disamping kanan, tinggal tambah ukuran lebarnya. Untuk selebihnya, silakan ulik sendiri OK.

Sumber

Admin : Agung Surya Adi P

Saat ini anda sedang membaca Cara Membuat Iklan Melayang di Bawah Blog . Jika ada salah kata atau kata yang kurang berkenan, kami mohon maaf. Terimakasih atas kunjungan anda sudah meluangkan waktu untuk membaca artikel ini, Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Artikel dapat Cara Membuat Iklan Melayang di Bawah Blog bermanfaat.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Bacaan Ringan