Latest Games :

Free Template »

Bookmark and Share
Home » » Cara Membuat Iklan Melayang Di Blog

Cara Membuat Iklan Melayang Di Blog

Rabu, 09 Januari 2013 | 0 komentar

disini iklan kamu melayang di blog dengan dilengkapi tombol close, jadi para pembaca blog kamu bisa menutup iklan melayang tersebut dengan mudah.
membuat+iklan+melayang

Langsung saja, berikut cara memasang iklan melayang di blog, silahkan ikuti langkah-lagkah di bawah ini!
Login ke blog kamu
Klik rancangan atau design
Tambahkan widget atau add gadger dan pilih html/javascript
Copy dan paste kode di bawah ini:

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

KODE SCRIPT IKLAN

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

Simpan

Ganti yang berwarna biru dengan kode script ikaln kamu, nah.. mudah buka cara memasang iklan melayang di blog, dan jangan lupa baca juga ya artikel infonetmu yang lain di cara membuat iklan berdampingan di blog.
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. trik internet indonesia - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger