Cara membuat iklan melayang saat blog di buka

mat malam teman,kali ini saya ingin memberitahu bagaimana cara membuat iklan atau pesan teman muncul saat blog di buka ,dan pesan itu terus melayang di blog teman ,dan bisa di tutup,,,baiklah ya teman tanpa panjang lebar kita langsung saja mulai tutorialnya..




1. masuk ke blog teman masing masing dulu.
2. lalu pilih Rancangan
3. dan lalu teman pilih tambah gadget ditempat mana saja,tapi yang bagusnya gadget dibawah posting aja teman..
4. lalu teman pilih HTML/javascript.
5. lalu teman copas kode css di bawah ini ke situ.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}




.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>


ISI DENGAN KODE HTML ATAU JAVASCRIPT,PESAN, ATAU GAMBAR ATAU YANG LAIN TERSERAH TEMAN

</center>


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


Petunjuk :

yang warna merah : itu adalah kode kode warna,kode kode warna ini bisa teman ganti,dan lihat disini Kode warna

yang warna hijau : itu bisa teman ganti dengan keinginan teman

dan lalu teman SAVE/SIMPAN,dan lihat hasilnya...

selamat mencoba ya teman,jangan lupa di share...:)



Related

Tips n Trik 2532119612236231899

Post a Comment

  1. Kok Di pasang ke blog saya ga Hilang...
    kode Like Boxnya Di Iframe/XFMBL/HTML5?
    jAWAB DONK :nice

    ReplyDelete
  2. ok sob ane udah bantu klik iklan nya , klik back boleh ga hehehe..

    ReplyDelete

emo-but-icon

Follow Us

item