Saturday, January 12, 2013

Cara Membuat Iklan Melayang di Blog

Contoh iklan melayang di kiri Blog
       Untuk sobat yang pingin memasang sesuatu, misalnya iklan atau pemberitahuan lainnya diblog dengan tujuan agar blog terlihat lebih menarik dan lebih atraktif. Caranya sangat mudah dan simpel kok tinggal kopi paste kode dibawah ini. Salah satu contoh dari iklan melayang di blog ini bisa dilihat di sini. Dalam blog tersebut iklan melayang ada di kiri, sobat juga bisa membuat iklan melayang di kanan, sesuai dengan keinginan sobat. Oke sobat, langsung saja ikuti langkah-langkah sebagai berikut ini:


1. Login terlebih dahulu di blogger dengan akun sobat.
2. Setelah itu pilih Tata Letak (Design) > Elemen Halaman (Page Element) > kemudian tambahkan gadget/widget HTML/Javascript.
3. Kalau sudah silahkan kopi paste kode berikut ini:

<style type="text/css">
#gb{
position:fixed;
top:10px;right: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 Sobat di sini

</center>

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


4. Save dan lihat hasilnya.

Ok sobat, Bagaimana? mudah kan membuat iklan melayang di blog?

Cara Membuat Iklan Melayang di BlogSocialTwist Tell-a-Friend

2 comments:

  1. Wah mantap... iklan melayang bisa menghemat halaman sidebar pd blog

    ReplyDelete