Cara Membuat Iklan Melayang atau Floating Ads di Blog dengan Tombol Close. Bagi Anda yang tentunya sudah bermain aktivitas iklan di internet maka tidak gila lagi dengan istilah cara menciptakan iklan yang melayang atau sanggup di sebut dengan floating ads. Mungkin kebanyakan advertiser sering memakai trik ini untuk bertujuan meningkatkan earning bagi mereka. Namun perlu untuk Anda ketahui, bila blog kita di pasang iklan melayang (floating ads) maka akan menciptakan pengunjung blog kita tidak betah atau berlama usang di blog tersebut, atau bahkan si pengunjung sanggup bisa pribadi kabur alasannya ialah adanya jenis iklan yang melayang menutupi kontent.
Namun di sini saya hanya membagikan wacana cara menciptakan jenis iklan yang melayang atau floating ads di blog, apabila cara ini mau di terapkan di blog Anda maka silahkan sanggup di terapkan, namun bila tidak juga tidak apa apa.
Marilah kita pribadi ke tahap pembuatannya:
1. Hal yang harus pertama kali Anda lakukan ialah login terlebih dahulu ke Blogger.com
2. Kemudian masuk ke Tata Letak -> Tambahkan Gadget -> Pilih HTML/JavaScript
3. Lalu paste code berikut di dalam HTML/JavaScript
<style type="text/css">
#gb{
position:fixed;
top:10px;right:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/j4vascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="j4vascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan Anda di sini yahhh
</center>
<script type="text/j4vascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Jika sudah klik simpan dan lihat hasilnya, maka akan muncul tampilan iklan yang melayang di blog Anda.
Itulah Cara Membuat Iklan Melayang atau Floating Ads di Blog dengan Tombol Close yang sanggup saya bagikan tutorialnya ke pada Anda dan bila Anda ingin mempraktikkannya maka silahkan di coba coba. Namun jangan salahkan saya apabila pengunjung blog Anda akan menjadi kabur atau tidak betah alasannya ialah jenis iklan yang melayang itu. Sumber http://vfxanimasi.blogspot.com