™Kami Segenap Keluarga Besar JJK Mengucapkan Selamat Hari Raya Idul Fitri 1433 H,, Minal'aidzin Walfaidzin Mohon Maaf Lahir & Batin...™

Sabtu, 05 Mei 2012

Cara membuat iklan melayang saat blog di buka

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

1. masuk ke blog anda masing-masing dulu.
2. lalu pilih Rancangan
3. dan lalu anda pilih tambah gadget ditempat mana saja, tapi yang bagusnya gadget dibawah posting aja ..
4. lalu pilih HTML/javascript.
5. lalu 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKJDMoxn30AV4kwHk9yUMjEob7dUF8uojcdTYLBINVZcxt4xWN3lrqKeKTowxvmGRHfPQXYi8LyNMqjt6Q4OF0laMLHuxJ1cy-7LvkUWvugO-_MjIFQLGkhjompg52FQASgISaYlyB4IQU/" 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 anda ganti dengan keinginan anda sendiri
dan lalu SAVE/SIMPAN,dan lihat hasilnya...

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

Tidak ada komentar:

Posting Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...