CARA MEMBUAT IKLAN MELAYANG

 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, kemudian klik Simpan.

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

Selamat mencoba......

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang