Wednesday, May 16, 2012

Cara membuat iklan melayang (float ads)


Posted by: Bloggertrik // 9:56 AM | Kategori: trik blog

Strategi untuk mendapat income dari dunia maya ini salah satunya memasang iklan di blog. Dengan memasang iklan melayang (float ads) maka iklan yang kita pasang masih akan terlihat walaupun blog/ web kita digeser, iklan akan terus melayang di layar browser si pengunjung yang mengunjungi blog kita dan tentu saja akan memiliki banyak klik daripada jika pemasangan iklan yang normal.
Namun kita perlu memberikan tombol close agar iklan bisa di close supaya tidak mengganggu pengunjung yang sedang membaca konten yang kita buat.

Berikut ini bloggertrik akan memberikan cara membuat iklan melayang disertai tombol close 1x:

1. Login ke Blogger.com
2. Klik Design atau Tata Letak
3. Klik Add a Gadget
4. Klik add HTML / JavaScript
5. Copy dan paste code JavaScript berikut:

<style type="text/css">


#gb{

position:fixed;

top:3px;
right:3px;
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-100;

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 [Click 1 x]:.

</a>

</div>

<center>



==============Tempat Pasang Iklan disini ==============


<script src="http://kumpulblogger.com/scahor.php?b=137507" type="text/javascript"></script>

==============Tempat Pasang Iklan disini ==============



</center>

<script type="text/javascript">

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

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

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



6. Klik Save Template
7. Klik Save
8. Selesai

Untuk mengatur jarak antara tepi browser dengan iklan melayang tersebut rubah
top:3px;
dan untuk merubah posisi iklan silahkan rubah kode
right:3px;
dengan left untuk posisi kiri, center untuk melayang di tengah.

Untuk mengganti warna background ganti kode
background:#ffffff;
dengan warna yang anda sukai. Untuk melihat kode warna silahkan klik klik disini
Cara membuat iklan melayang (float ads)
Cara membuat iklan melayang (float ads) Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/05/cara-membuat-iklan-melayang-float-ads.html