Membuat Iklan melayang
di blog anda sudah tidak ada tempat lagi untuk menempatkan iklan nah bagai mana jika anda menggunakan salah satu fungsi dari javascript ini. javascript ini digunakan untuk membuat iklan melayang di depan konten kita seperti gambar berikut
Yak langsung aja ke kodingannya
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #585858;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-x0Zq-Lhy3L1XOPNE8lLemHPdh0c6YpM92k6Y4Qa_x3_VSaUiIq0-gyJDR7j3_I6fp8A_ZdfMAQtHnU5OQfyNpv8LFxBFN2iYAMBX9EqEIdfUsp0f2El5lPq1K4ffPd9esGtwi-pEWy9/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Pasang script iklan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
nah cara penggunaanya adalah dengan membuat witget HTML baru dan pasang kode di atas di wiget HTML yang telah kita buat dan setelah itu selamat menikmati
Label: Programming
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda