Kode Script Iklan Melayang Display Block

Cara pasang iklan melayang sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari halaman setiap kali kita mengunjungi Website atau Blog.

Script iklan ini banyak orang yang menginginkannya, Float Top Bar ini berisi Content Iklan yang anda miliki. Menurut saya posisi ini adalah posisi terbaik karena menutup semua layar (Display Block), karena pengunjung Website atau Blog kita harus membuka iklan dulu.

Jika anda ingin memasangnya silahkan ikuti langkah-langkahnya :

1. Login ke Blogger
2. Masuk ke Tab Layout ( Tata letak )
3. Tambah Gadget Pilih HTML / JAVASCRIPT
4. Copas kode script di bawah ini

<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() {
$('span#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
   background: #fff none repeat scroll 0 0;
   display: block;
   height: 100%;
   left: 0;
   overflow: hidden;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9999;
}

</style>

<div align='center' id='btm_banner'>

<span id='closed'><script src=”http://kumpulblogger.com/dambs.php?b=248752” type="text/javascript"></script></span>

<div style='clear: both;'></div>

<p><center>
<br/><b>KLIK BANNER DI ATAS UNTUK MELANJUTKAN!!!</b>
</center></p>

</div>

5. Simpan
Tulisan yang warna merah yang ada dalam kotak ganti dengan script iklan yang berkaitan dgn blog anda.

Untuk script CSS-nya  saya anjurkan Tambah Gadget HTML / JAVASCRIPT baru, jika anda ingin memasangnya dalam satu gadget tinggal tekan enter empat kali, silahkan copas script di bawah ini.

<style type='text/css'>
     .carousel-control {display: none !important;}
     .container {
       display: block;
       height: 125px !important;
       overflow: hidden;
       padding: 0 !important;
       width: 125px !important;
     }
     .carousel {
       height: 125px !important;
       margin-top: -20px;
       overflow: hidden;
       width: 125px !important;
     }
   }
     .carousel-inner {
       height: 125px !important;
       overflow: hidden;
       position: relative;
       width: 125px !important;
     }
     span#closed {
       display: block;
       height: 125px !important;
       overflow: hidden !important;
       width: 125px !important;
       margin-top:200px;
     }
   </style>

Kode & Script