Cara Membuat, Blog, Tutorial, Bisnis Online, Info, Unik, Wisata, Seni
Info Kita adalah catatan kecil cara membuat sesuatu, dunia bisnis, serba-serbi dan info-info kecil lainnya. Sekecil apapun sebuah info akan sangat berarti bagi mereka yang tidak mengerti

Thursday, July 28, 2011

Cara Membuat Iklan Melayang

Di dalam blog sering kita temui iklan yang melayang dan bahkan menutupi isi dari blog tersebut. kemudian kita disuruh meng-close terlebih dahulu supaya kita bisa melihat isi dari blog tersebut dengan sempurna (tidak tertutup iklan). Tujuan para bloger membuat iklan melayang ini diantaranya supaya para pembaca bisa tau (dipaksa membaca) iklan tersebut. Nah jika anda menginginkan iklan seperti itu di dalam blog bisa ikuti langkah-langkah cara membuat iklan melayang sbb:

  1. Login ke blog anda ==>> Rancangan ==>> Tata Letak ==>> Tambah Widget ==>> Pilih HTML/javascript
  2. Kemudian copy/paste code berikut:
<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 DISINI

</center>

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

Ganti tulisan yang berwarna merah (kode iklan anda dan kode background), jika sudah simpan dan lihat hasilnya. demikian cara membuat iklan melayang  semoga bermanfaat... d(-;-)b

    3 comments:

    tapi kayaknya ini bisa menggangu pengunjung yg ingin membaca blog kita sob ... !! :)

    emang sedikit mengganggu sob,,,
    tapi katanya ini juga cara yang ampuh untuk meletakan iklan di blog biar ke baca/diklik orang,,, :))
    @Error Shinobitapi kayaknya ini bisa menggangu pengunjung yg ingin membaca blog kita sob ... !! :)

    http://share-sosmed.blogspot.co.id/

    Post a Comment

    Related Posts Plugin for WordPress, Blogger...

    Share

    Twitter Delicious Facebook Digg Stumbleupon Favorites More