Cara membuat tampilan iklan melayang di blog kita

Atas dasar ketertarik untuk menampilkan iklan pada blog sendiri, membuat ane mencari tau cara menampilkan iklan iklan tersebut untuk blog ane ini.

setelah meminta pertolongan dari eyang google akhirnya ane menemukan sebuah blog yang menarik yang memberikan pengetahuan dalam membuat atau menampilkan iklan tesebut. Dan ane coba untuk menyadur nya di blog ane ini.

Adapun blog yang ane maksudkan adalah blog http://rosyid19.blogspot.com/2011/02/cara-membuat-iklan-melayang-di-blogspot.html

berikut mekanisme nya :

1. login ke akun blog anda
2. klik design atau rancangan
3. add gadget yang ada di header atau footer juga bisa
4. kalo sudah add gadget pilih html/script

masukkan kode di bawah ini pada konten nya (tinggal copy paste aja):

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

<a href="http://www.neobux.com/?r=domain19"><img src="http://images.neobux.com/imagens/banner9.gif" width="468" height="60" /></a>

<a href="http://www.onbux.com/?r=domain19"><img src="http://images.onbux.com/banner.gif" border="0" width="468" height="60"/></a>

<a href="http://buxess.com/register.php?ref=domain19" target="_blank" rel="nofollow"><img src="http://www.buxess.us/static.png" align="center" /></a>

<a href='http://www.dollartreebux.com/?ref=domain19'><img src="http://www.dollartreebux.com/images/banner1.png" /></a>

<a href='http://www.najobux.com/?ref=domain19'><img src="http://www.najobux.com/images/banner1.gif" /></a>

<a href='http://www.buxproplus.com/?ref=domain19'><img src="http://www.buxproplus.com/images/banner1.gif" /></a>

<a href="https://www.incrasebux.com/register.php/domain19.html" target='_blank'><img src="http://www.incrasebux.com/images/banner4.gif" width="468" height="60" border="0" /></a>

<a href='http://www.personabux.com/?ref=domain19'><img src="http://www.personabux.com/images/banner1.gif" /></a>

<a href="http://www.ptc25.com/index.php?ref=domain19"><img src="http://www.ptc25.com/banners/banner1.gif" border="0" /></a>

<a target="_blank" href="http://www.bux1.com/?r=domain19"><img src="http://www.bux1.com/includes/img/468x60.png" border="0" alt="Bux1 Ltd" width="468" height="60" /></a>

<a target="_blank" href="http://coolgrand.com/?r=domain19"><img src="http://coolgrand.com/includes/img/banner.png" border="0" alt="CoolGrand BUX" width="468" height="60" /></a>


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

stop copy nya sampe di </script></center></div></div>

ganti yang berwarna hijau dengan iklan milik anda sendiri.

setelah itu save dan seesai lah sudah.

Selamat Mencoba.