Saturday, September 3, 2011

Cara membuat iklan melayang berada pada setiap postingan

Halo ketemu lagi dengan saya.Kali ini saya akan membahas tentang iklan melayang tapi kali ini berbeda iklan melayangnya berada pada setiap postingan. Langsung saja 1) Buka blogger.com
2) Login dengan aku blogger kalian
3) Pada halaman awal blogspot/Dashbor
4) Klik Rancangan/Design
5) Klik edit HTMl
6) Cari kode </body>
    Copas 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 #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/AVvXsEjWt32uteBB333z43LWD5JSCR_RliAesTWAoRF_qT4bYUC0fExifvOSFaVQPqaMeUgoGz0uRapjxD31ucVl8FQwfPwnfC9OK8cF7pG4ywnLi0fFJ0zwxjDkN4p42IWY3HpGFec6ttEkCjxb/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Kode script iklan anda di sini



</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
7) Letakkan kode di atas tepat di atas kode </body>
8) Masukkan kode Script iklan anda
9) Klik save

   Catatan: download terlebih dahulu template anda agar tidak terjadi hal yang tidak diinginkan

Good Luck





Comments :

0 comments to “Cara membuat iklan melayang berada pada setiap postingan”


Post a Comment