Sunday, June 19, 2011

Cara memasang Iklan/Gadjet Melayang


Anda mungkin telah sering melihat iklan-iklan melayang pada blog yang sering Anda kunjungi. sangat bermanfaat memang menurut saya trik seperti itu, karena bisa menghemat tempat di blog ata web kita, juga agar blog kita terlihat lebih rapi dan mampu memperindah blog kita. namun yang paling penting adalah, yang bisa di buat melayang bukan cuma harus iklan ko. apapun itu, gadjet apapun bisa kita buat melayang.

membuat iklan/gadjet melayang di blog. bagaiman sih caranya. anda cukup log in ke blog anda, masuk ke tata letak atau rancangan, kemudian tambah gadjet dan dari semua yang ada, pilih javascript/HTML. sudah, kemudian anda COPY-PASTE Script di bawah ini.

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


.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-center">
<a href="javascript:showHideGB()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlFd6SWrIpsHb6PrcwO_G7RuhUaP9vcIpPscrF1ZELtKtleg2By3ThC1ZDJY3rN5VZuTokXfstETEGW8HVqKwDjFX7bqA6loE_HbPYK2PTCdunlKtzEFU_PzB0PAH5pfEpTwMxygx-CscH/" title="klik gambarnya" alt="tutup" />:.
</a>
</div>
<center>

PASANG SKRIP GADJET/IKLANMU DI SINI !!                                                                                

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

anda cukup mengganti tulisan berwarna biru di atas dengan gadjet yang anda kehendaki.
Selamat mencoba

Baca Juga :
Macam-macam Aplikasi Untuk Membuka Ebooks
Aplikasi Bagus Untuk Belajar Mengetik 10 Jari
Mengganti slide Power point dengan HP
Cara menjadikan HP sebagai modem
Daftar Artikel Blog

0 comments:

Post a Comment