Cara Membuat Tampilan Iklan Melayang Pada Blog

Pernah kita jumpai tampilan teks atau gambar yang tampilanya melayang pada sebuah blog atau website yang kebanyakan masih berhubungan dengan iklan. Nah, untuk postingan kali ini akan saya uraikan tentang cara membuat iklan melayang pada blog atau website.
Sudah banyak cara-cara untuk membuat tampilan tersebut, bahkan banyak yang lebih bagus lagi, dan ini adalah salah satu caranya.

Langkah pertama seperti biasa login dahulu ke www.blogger.com, selanjutnya pilih Rancangan, setelah itu klik Elemen Laman. Langkah selanjutnya klik Tambah Gadget kemudian pilih HTML/JavaScript. Berikutnya copy pastekan  kode berikut dibawah ini kedalam kolom tersebut,

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

disini tempat meletakkan gambar, teks atau URL  iklan anda

</script>

kemudian klik Simpan.

Artikel Terkait: