Cara Membuat Iklan Footer Melayang Dengan Tombol Close

Farhan Share - selamat siang sobat farhan, berjumpa lagi dengan farhan. Baik sobat farhan pada postingan dan pembahasan kita kali ini, farhan akan share tentang tutorial blog yakni, cara membuat iklan footer melayang dengan tombol close, sebenarnya apasih kegunaan dari footer melayang ini, ya jadi sobat farhan Iklan akan muncul pada bagian bawah blog atau yang disebut  footer, jadi pasti semua visitor yang berkunjung ke blog kita pasti melihat iklan tersebut, kenapa cara memasarkan iklan melayang seperti ini dianggap cukup unggul? ya contohnya saja sobat kita lihat portal-portal situs berita terbsesar di Indonesia seperti Kompas, Detik, Vivanews, Tribunews memakai script iklan seperti ini, Ukuran Iklanya juga bisa disesuaikan dengan widgetnya, sebaiknya sobat memilih ukuran iklan melebar seperti 468x60, 728x90, atau 960x60 yang banyak digunakan.

Baik sobat farhan pastinya sudah ingin tahu bukan cara menerapkanya ke blog, ternyata cukup mudah dan gampang lho sobat karena kita tidak perlu repot-repot mengedit HTML yang beresiko jika ada salah dalam pengeditan, kita hanya membutuhkan Gadget yang simple dan mudah dalam pemformatanya, baik sobat kita mulai saja langkah-langkahnya, di simak baik-baik ya.

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Pilih Add Gadget.

4. Pilih HTML/JavaScript.

5. Lalu sobat Letakkan kode di bawah ini ke dalam box "Konten".

<!-- AWAL FOOTER IKLAN --> <scriptsrc='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 -->

Catatan : Kode yang berwarna hijau bisa sobat ganti dengan ukuran Iklan yang sobat inginkan.
Catatan : Kode yang berwarna Biru bisa sobat ganti dengan Script Iklan Sobat.


6. Tidak Usah Diberi judul.

7. Klik "Save" dan Selesai.

Selamat mencoba sobat farhan, bila ada pertanyaan comment di bawah.

Source: wikibagus.com