Responsive Banner design
Home » , » Cara Pasang Iklan Melayang di Blog

Cara Pasang Iklan Melayang di Blog

Cara Pasang Iklan Melayang di Blog - Pada postingan kali ini, Arif Poetra Yunar Blog akan memberikan sedikit tutorial tentang Cara Pasang Iklan Melayang di Blog. Posting ini kelanjutan dari Cara Pasang Iklan di Blog, Buat soabat sobat yang ingin memasang Iklan Internet Murah Efektif Berkualitas Indonesia dengan posisi melayang di blog, silahkan saja ikuti langkah langkahnya dibawah ini.

Cara Pasang Iklan Melayang di 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.

rancangan blogger

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.

0 komentar:

Posting Komentar

Popular Posts

Diberdayakan oleh Blogger.

Arsip Blog