MITRA MENUJU SUKSES
Cara Pasang Banner Iklan Floating Melayang Dengan Tombol Close
Cara Pasang Banner Iklan Floating Melayang Dengan Tombol Close - Sebelumnya sory agan2 sekalian,saya newbie dalam dunia blog tapi bolehkan sharing dikit tentang tips blogger barang kali bermanfaat. ok! kali ini Mitra Seo akan memberikan tips Cara Mudah Pasang Iklan Banner Melayang di Bawah Blog Dengan Tombol Close Terbaru.
bagi yang butuh banner yang lokasinya berada dibawah blog namun tidak
bergerak meski kursor kita naik turun,seperti gambar dibawah ini.
Nah, untuk cara membuatnya sangat mudah. Untuk blogger kita tinggal menambahkan widget HTML/Javascript baru lalu copas kodenya. Nah lebih jelasnya langkah-langkahnya sebagai berikut:
1. Login ke akun blogger kalian.
2. Pada Dasbor, pilih blog yang akan dikasih iklan footer.
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
HTML/Javascript
5. Copas kode dibawah ini.
<!-- AWAL FOOTER IKLAN --> <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: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center> KODE BANNER IKLAN ANDA </center></p> </p> </div> <!-- AKHIR FOOTER IKLAN -->
Nb.kode warna merah adalah tempat HTML banner yang akan sobat pasang.
6. Save dan lihat hasilnya.
Tambahan lagi sob,. buat sobat yang barang kali pengen pasang lebih dari 1 banner melayang,caranya sebagai berikut:
1.lihat kembali HTML Kode Cara Mudah Pasang Iklan Banner Melayang di Bawah Blog Dengan Tombol Close Terbaru diatas. 2.Lalu cari HTML ini
<div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
nah yang di garis tebal itu ganti dengan lebar kolom banner yang di inginkan,misalnya sobat mau pasang banner 2 banner ukuran 728x90. maka ganti kodenya jadi begini:
huruf tebal yang tadinya 110 ganti jadi 200
<div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 200px; z-index: 9999;'>
nah kalau udah terus save, lalu lihat hasilnya,. semoga bermanfaat
Tambahan lagi sob,. buat sobat yang barang kali pengen pasang lebih dari 1 banner melayang,caranya sebagai berikut:
1.lihat kembali HTML Kode Cara Mudah Pasang Iklan Banner Melayang di Bawah Blog Dengan Tombol Close Terbaru diatas. 2.Lalu cari HTML ini
<div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
nah yang di garis tebal itu ganti dengan lebar kolom banner yang di inginkan,misalnya sobat mau pasang banner 2 banner ukuran 728x90. maka ganti kodenya jadi begini:
huruf tebal yang tadinya 110 ganti jadi 200
<div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 200px; z-index: 9999;'>
nah kalau udah terus save, lalu lihat hasilnya,. semoga bermanfaat
