Ada banyak cara yang di gunakan untuk membuat iklan atau widget/gadget melayang pada blog anda, bagi yang baru belajar dan baru mengenal pengkodean HTML javascript ini adalah salah satu cara yang dapat anda coba, tidak terlalu rumit.
Dibawah ini cara pemasangannya:
Catatan:
Untuk memberikan jarak antara tepi Browser dengan iklan anda yang perlu dirubah adalah kode di atas yang berwarna merah. right:3px; top:3px; ganti 3px dengan angka yang anda butuhkan.
Untuk mengganti background iklan melayang silahkan ganti kode di atas yang berwarna biru.
Untuk merubah posisi Iklan silahkan ganti kode berikut right:3px; dengan posisi anda misalnya left, center, right, lihat tanda warna Merah.
sumber: http://asepsukarman.blogspot.com/2011/01/cara-pasang-iklan-melayang-dengan-1.html
Dibawah ini cara pemasangannya:
- Login ke blogger.
- Silahkan tuju ke Tata Letak.
- Klik tab Elemen Halaman.
- Tambah Gadget (Add Gadget) -> pilih yang HTML/Javascript.
- Kemudian masukkan kode script dibawah ini :
<style type="text/css">
#gb{
position:fixed;
}
* 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>
==============Area Pasang Iklan anda ==============
<a href="http://duniaiklanonline.blogspot.com/" target="_blank">Iklan Baris Gratis Tanpa Daftar</a><br/>
==============Area Pasang Iklan anda ==============
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>
#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>
==============Area Pasang Iklan anda ==============
<a href="http://duniaiklanonline.blogspot.com/" target="_blank">Iklan Baris Gratis Tanpa Daftar</a><br/>
==============Area Pasang Iklan anda ==============
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>
- Klik Simpan
- Selesai
Catatan:
Untuk memberikan jarak antara tepi Browser dengan iklan anda yang perlu dirubah adalah kode di atas yang berwarna merah. right:3px; top:3px; ganti 3px dengan angka yang anda butuhkan.
Untuk mengganti background iklan melayang silahkan ganti kode di atas yang berwarna biru.
Untuk merubah posisi Iklan silahkan ganti kode berikut right:3px; dengan posisi anda misalnya left, center, right, lihat tanda warna Merah.
sumber: http://asepsukarman.blogspot.com/2011/01/cara-pasang-iklan-melayang-dengan-1.html