Setiap mengunjungi blog teman sudah banyak yang menggunakan iklan melayang seperti yang tampil di blog ini, berikut saya kasih tau bagaimana cara membuat iklan melayang dengan tombol close.
Pertama Login ke blogger lalu pilih elelmen halaman,masukan kode html dibawah 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>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
Klik simpan dan Lihat hasilnya Mudah bukan.
Taking a closer look at the Publisher Query Language and the future
-
I get this article from GoogleBlog. This is the article :
Recently we launched v201004, and with that introduced the new Statement
object which gives supp...
13 tahun yang lalu
0 komentar:
Posting Komentar
Kalau habis baca artikel ini tolong comment ya :')