Cara Pasang Iklan Melayang di Tengah Blog
Cara Pasang Iklan Melayang di Blog
Tutorial kali ini akan meningkatkan
jumlah klik iklan yang di pasang di blog sobat, Tentunya tidak akan
membuat pengunjung blog sobat merasa tidak nyaman, karena script dibawah
ini sudah di lengkapi dengan tombol close, jadi bila pengunjung ingin
menghilangkan iklan tersebut, tinggal klik tombol close saja.
Sebelum sobat memasang iklan melayang
di blog, pastikan terlebih dahulu kalau sudah memiliki Script iklan yang
akan di pasang dengan posisi melayang di blog, jika sudah punya script
iklannya, langsung ke langkah selanjutnya.
1. Langkah awal, login ke account
blogger sobat.
2. Pada bagian Dasbor pilih tab Rancangan.
3.
Tambah Widget atau
Add Gadget, kemudian pilih
HTML/Javascript
4. Setelah itu,
Copy Paste script dibawah ini.
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
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="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>
KODE SCRIPT IKLAN SOBAT
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
5. Langkah terakhir, tinggal sobat simpan deh.
Untuk huruf yang berwarna merah di atas, silahkan ganti dengan script iklan yang sudah sobat dapatkan pada situs penyedia layanan pemasang iklan. Gimana sobat? sangat mudah bukan Cara Pasang Iklan Melayang di Blog. Semoga tutorial kali ini bermanfaat untuk para Blogger Indonesia.
Cara Pasang Iklan Melayang di Tengah Blog
