Cara Buat Tulisan Atau iklan Melayang Di Blogger

Untuk membuat tulisan atau iklan melayang di halaman yang melayang itu cukup mudah untuk anda kerjakan dalam blog. Halaman melayang ini tidak akan menggangu pengunjung anda dalam melihat informasi dalam blog anda, jika pengunjung tidak menyukai halaman melayang yang anda pasang di blog, pengunjung hanya tinggal meng-klik Close dan halam melayang pun akan tertutup. Untuk membuat halaman melayang tersebut anda ikuti langkah-langkah berikut:

1. Login Ke Blogger.

2. Klik Tata Letak.

3. Klik Element Halaman.

4. Kemudian Klik Tanbah Gadget dan pilih HTML/Javascript .

5. Selanjutnya Copy dan Paste Kode Berikut Di Dalamnya.

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

MASUKAN TULISAN YANG ANDA INGINKAN DSINI

</center>

<script type="text/javascript">

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

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

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

6. Selanjutnya anda tinggal ubah teks yang berwarna Hijau Dengan kode iklan atau tulisan yang anda inginkan, kemudian klik SIMPAN dan selesai.

Artikel Terkait

Posted in: Tips dan Tricks