Cara Pasang Iklan Melayang di Tengah Blog

Cara Pasang Iklan Melayang di Blog - Pada postingan kali ini, SyafriBlog  akan memberikan Tutorial Membuat/Memasang Iklan Melayang ehhehee.... susah ini dicari hehhehe...

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.

Tweet

Subscribe to receive free email updates: