Apa yang anda cari ?


CSS

Minggu, 09 September 2012

Iklan melayang part 2

·
klan 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.







Contoh Iklan


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://lh5.googleusercontent.com/-vT8U7JXYvZU/Tj14DTueVRI/AAAAAAAABpI/Dp2KM52XL8w/array_float.gif') 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.

Comments
0 Comments

0 komentar:

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost