Cara Membuat Iklan Melayang seri 4

Iklan Melayang yang satu ini menggunakan sistem sliding.
Sehingga tidak menggangu area yang ada di blog Anda.
Letak dari widget ini berada di sebelah kiri bawah blog.
Seperti yang Anda lihat contohnya di blog ini.

Apakah Anda tertarik? Hanya 1 (satu) langkah
untuk membuatnya, yaitu :

1.   Rancangan -> Tambah Gadget ->
      HTML/JavaScript.

2.   Masukkan ke dalam kontennya
      kode berikut ini lalu simpan.

<style type="text/css">

#sy{
position:fixed;
bottom:20px;
left:1px;
z-index:+1000;
}

* html #sy{position:relative;}
.sytab{
height:45px;
width:30px;
float:right;
cursor:help;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2bdFgYYMSs-hb3gzA2B-JcldeIavW1l718yQ-itHIof1hatcMKWjFCsDIc1UKsV3MQKP0nNKL93mIKvwKAzA4FwXYL0WyvrHUmNGBQj1OVflLgm3mXaBk8L05lUyeDWbWHIyVYClLm5o/') no-repeat;}
.sycontent{
float:right;
border:2px solid #CCC; 
background:#FFF;
padding:5px;}

</style>

<script type="text/javascript">

function showHideSY(){
var sy = document.getElementById("sy");
var w = sy.offsetWidth;
sy.opened ? moveSY(20-w, 0) : moveSY(0, 35-w);
sy.opened = !sy.opened;}
function moveSY(x0, xf){
var sy = document.getElementById("sy");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
sy.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveSY("+x+", "+xf+")", 90);}
}

</script>

<div id="sy">
<div class="sytab" onclick="showHideSY()" title="Show / Close" alt=""> </div>
<div class="sycontent">

<a href="URL iklan Anda di sini" target="_blank"><img src="URL image iklan Anda di sini" alt=".............." style="width:....px; height:....px;" border="0"/></a>

<script type="text/javascript">
var sy = document.getElementById("sy");
sy.style.left = (30-sy.onsetWidth).toString() + "px";
</script></div></div>

KETERANGAN =

Sesuaikan posisi letaknya pada kode
bottom dan left.

Masukkan URL alamat iklan anda
pada kode URL iklan Anda di sini.

Masukkan juga kode URL image iklan anda
pada kode URL Image Iklan Di sini.

Sesuaikan ukuran lebar dan tinggi image
iklan Anda pada kode width dan height.

Isilah alt="........................."
dengan judul iklan Anda.

TAMBAHAN :

Perhatikan pada kode ini :

<a href="URL iklan Anda di sini" target="_blank"><img src="URL image iklan Anda di sini" alt=".............." style="width:....px; height:....px;" border="0"/></a>

Kode tersebut dapat Anda gantikan dengan kode
ShoutMix atau kode Buku Tamu Anda.

Selamat mencoba dan tetap good luck!