Selasa, 21 Mei 2013

Cara bikin iklan melayang di atas posting blog


Cara bikin iklan melayang di atas posting blog akan saya bahas kali ini, dengan tujuan agar iklan anda lebih fokus ke penglihatan pengunjung serta sedikit memaksa agar terbaca, sehingga rasa penasaran ter klik pengunjung bertambah setelah membacanya.

Berikut ini langkah2 yang harus dilakukan agar iklan anda melayang dengan tombol close yaitu

1.  Langkah yang pertama yaitu copy 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> 
PASANG IKLAN ANDA DISINI
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() +
"px";
</script></center></div></div>

Catatan: tulisan warna merah, anda ganti dengan kode script iklan anda, ukuran bisa anda edit, sesuai keinginan bentuk dan ukuran iklan yang anda butuhkan.

2. Langkah kedua yaitu login ke http://draft.blogger.com atau bisa login disini.

3.  Langkah ketiga yaitu pilih tata letak, lalu tambah gadget, kemudian pilih html/java script, setelah itu anda paste kode script yang udah anda copy di atas tadi, lalu tekan simpan.

Sekian dari saya, semoga menambah manfaat bagi anda, dan saya ucapkan terima kasih, karena telah berkunjung ke sekedarinfoku.blogspot.com

0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Hosting