Cara Mudah Dan Parktis Membuat Iklan Melayang

Udah lama banget ga ngisi postingan di blog tutorial ini. Sekarang saya hanya ingin share dikit tentang cara mudah dan praktis membuat iklan melayang di blog.

Langsung saja ya,..

Berikut langkah-langkahnya:

  • Langkah pertama jelas mesti login dulu ke akun blogger anda
  • Buat Widget baru (Pilih yg Javascript ya) di sidebar lalu masukan kode dibawah ini kedalam kotak widget baru tersebut:
<p><center><a href='http://goo.gl/TEZZ9' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9VAqIBkSFh_UV0oMfqBlkOBcl7An0jJYMbJGV-di9hBvOdelf5ZQ6CgrauVre7n-vB09bhv1iKlNC8Iwhc6mVaoqdC91uNubRjjUXhSkLy7H6RslYjllLlU-u0hjqlv8jc-_BlFxR6kvZ/s1600/recognition-abenetworkweb.gif'/></a></center></p>


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


.gbcontent{
float:right;
border:2px solid #000000;
background:#333;

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/AVvXsEgLC4o0Gcr8FMBkUnuX0xUE7kbl0SZkFpZqbI8z2iD8eZOtefOPfUI03oBr7zjuPU6c_PysqPNppHVZwG5wM84fUjdnPkrNKvJVEnoRt6lHJhjd8UsLxIYFv-5WBMKJat6S3UOrsQYH-hMD/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

[ MASUKAN KODE IKLAN ANDA DISINI ]

</center>

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

  •  Lalu Save/Simpan. Selesai.
**Untuk mengatur tampilan seperti background, tinggi, border, anda bisa edit yang  tulisan berwarna merah.

Itulah Cara mudah dan praktis membuat iklan melayang, semoga bermanfaat.

0 comments:

Post a Comment