Membuat Box Iklan di Bagian Footer Dengan Tombol Close

Posted by Artikel-Tutor Hari Ini On 1 comments

Gambar diambil dari situs wartaberata
Kali ini saya akan posting bagaimana cara membuat Banner Iklan Melayang pada Footer dengan tombol close/tutup.
Cara yang saya berikan ini sudah saya coba sendiri, dan dapat saya katakan TIDAK BERAT, karena sesuai dengan survey saya, dari script dan pop up-nya ringan dibuka dan untuk keluarnya.

Baiklah daripada banyak bicara dan banyak cingcong, ;ebih baik kita mulai tutorialnya sekarang.

> Login Blogger > Lay Out
> Add Gadget > HTML/JavaScript

Masukan script cerikut 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 -->

Gantilah tulisan berwarna merah itu dengan kode banner atau kode iklan kalian, dan terakhir klik
kemudian silakan kalian lihat hasilnya, dan buktikan apakah berat ataukah ringan.
Semoga artikel Membuat Box Iklan di Bagian Footer Dengan Tombol Close bermanfaat bagi Anda.

Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

+ comments + 1 comments

October 7, 2012 at 6:33 PM

kayaknya akan memberatkan blog ya sob????

Terimakasih dan atas Komentarnya di Membuat Box Iklan di Bagian Footer Dengan Tombol Close

Post a Comment