Membuat Tulisan Atau iklan Melayang Di Blog

Tulisan atau iklan melayang ini bermanfaat untuk memberikan sensasi tersendiri didalam mempromosikan iklan-iklan anda di website, tujuan dari dibuat tulisan atau iklan melayang ini yaitu untuk menarik perhatian para pengunjung yang datang ke blog anda, tetapi jika pengunjung tidak menyukai iklan yang di tampilkan maka iklan ini dapat mereka tutup dengan cara [Close][Klik 2x] di bagian atas iklan yang di tampilkan. Bagaimana cara membuat tulisan atau iklan melayang ini? Langsung aja kita bahas langkah-langkah dibawah ini:

1. Login ke blog kamu (www.blogger.com / www.blogspot.com)

2. Klik Tata Letak. / Design (bagi yang menggunakan bahasa inggris)

3. Kemudian klik Element Halaman / Page Elements (bagi yang menggunakan bahasa inggris)

4. Klik Tambah Gadget / Add Gadget (bagi yang menggunakan bahasa inggris) dan pilih HTML/Javascript.

5. Copy / Paste script kode yang terdapat 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 #A5BD51;

background:#00FFFF;

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>

SILAHKAN GANTI DISINI JENIS TULISAN atau KODE IKLAN YANG ANDA INGIKAN

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></center></div></div>

6. Untuk mengedit warna background dan posisi tulisan/iklan yang di inginkan, silahkan lihat kode yang berwarna Merah dan setelah itu klik Simpan / Save.

Contohnya bisa anda lihat seperti gambar dibawah:

Gambar di atas merupakan contoh dari kode script yang kita bahas diatas..

Posted in: Blog,Tips dan Trik