Membuat Iklan Melayang

Iklan merupakan penghasilan dari pra blogger, Nah  untuk membuat iklan melayang yang akanmenghiasi tampilan blog anda sehingga suatu blog bisa memuat berbagai macam iklan dan tidak membuat blog anda di penuhi iklan karena iklan yang akan kita buat ini sipatnya melayang dengan tombol close, untuk membuatnya ikuti saja cara-caranya sebagai berikut :

• Login ke Account Blogger Anda
• Akses halaman Layout – Page Elements
• Klik Add Gadget yang berada pada Halaman Blogspot Anda, dan Pilih HTML/JavaScript.
• Copy Script dibawah ini, dan Paste ke Form yang muncul pada HTML/JavaScript yang Anda pilih tadi

<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>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
 
Keterangan :

• Anda ganti tulisan berwarna merah dengan kode iklan yang ingin anda pasang
• kemudian anda simpan.
• selesai

Posted in: ttg blog