Membuat Iklan Close di Footer

Assalamu'alaikum, halo kawan, oh ia pada kali ini saya akan berbagi sebuah trik lagi yaitu Cara Membuat Iklan Close di Footer, trik ini saya dapatkan dari mas herry, saya pikir trik Membuat Iklan Close di Footer ini cukup unik juga kalau mau berkunjung keblog mas herry klik disini, Membuat Iklan Close di Footer biasanya bisa kamu lihat disitus-situs besar semacam detik.com, vivanews.com, dll


Contoh :

Script yang digunakan adalah untuk model 1 CSS (Cascading Style Sheets), sedangkan model 2 menggunakan JavaScript Berikut code nya.

Model 1 : iklan footer tanpa tombol close

<style type="text/css"> .botnav{ width:100%; height:107px; position: fixed; bottom:0px; right: 0px; background-repeat:repeat-x; z-index:1; color:#000000; } </style> <div class="botnav"> <p align="center"> KODE SCRIPT IKLAN </p> </div>

Catatan :

height:107px = bisa kamu ganti sesuai tinggi dari gambar atau script iklan yang kamu pasang
KODE SCRIPT IKLAN : Kamu ganti dengan kode script iklan

Model 2 : Iklan dengan tombol close

<!-- 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 IKLAN ANDA </center></p> </p> </div> <!-- AKHIR FOOTER IKLAN -->

Catatan : 

• height: 110px : Kamu ganti sesuai dengan tinggi iklan
• width: 735px. : Kamu ganti sesuai dengan lebar iklan
• KODE IKLAN ANDA : Ganti dengan code script iklan 

Tidak semua layanan iklan PPC membolehkan cara memasang iklan seperti ini, jadi sebelum kamu memasang pastikan layanan PPC yang kamu jadi member disana membolehkannya, bila sulit, tanyakan langsung kelayanan yang kamu ikuti.

Yap sampai disini dulu trik Membuat Iklan Close di Footer, semoga artikel ini bermanfaat untukmu.

Link : ► Cara Membuat Title Blog Berjalan