Cara Pasang Iklan Yang Melayang di Blog

Minggu, 12 Agustus 20120 komentar

Cara Pasang Iklan Melayang di Blog. Pada postingan kali ini, ubabtechno akan memberikan sedikit tutorial tentang Cara Pasang Iklan Melayang di Blog. Posting ini kelanjutan dari Cara Pasang Iklan di Blog, Buat sobat- sobat yang ingin memasang Iklan Internet Lebih Menarik, dengan posisi melayang di blog, silahkan saja ikuti langkah langkahnya dibawah ini:


      Tutorial kali ini juga bisa 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.
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kumpulan Pendidikan dan Technology Terbaru | Technology Informasi Dan Komunikasi Jaringan - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger