Cara Buat Iklan Melayang Di Blog
Cara Membuat
Iklan Melayang Di Blog or Cara Pasang Iklan
Melayang di Blog,,
yah Tutorial Blog kali ini
adalah Cara Membuat Iklan Melayang Di Blog or Cara Pasang Iklan Melayang di
Blog, Cara Membuat Iklan Melayang (Flying Ads) - Sobat pernah
berkunjung ke sebuah blog yang waktu dibuka tiba-tiba muncul sebuah kotak yang
berisi "Silahkan Klik" atau perintah untuk mengklik iklan dan
tampilannya menutupi layar?? Nah, itulah yang dinamakan Iklan Melayang atau
bahasa kerennya Flying Ads.blogspot
Nah, langsung ke tutorial Cara Membuat Iklan Melayang Di Blog or Cara Pasang Iklan Melayang di Blog =
Nah, langsung ke tutorial Cara Membuat Iklan Melayang Di Blog or Cara Pasang Iklan Melayang di Blog =
- Masuk ke blogger
- Buka design/Rancangan
- Pada Page Element, pilih tempat, lalu klik "Add A Gadget" dan pilih HTML Javascript
- Masukkan kode berikut,
<style
type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:0px 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:center">
<a href="javascript:showHideGB()">
<img src="http://www.fileden.com/files/2009/10/12/2599919/close.gif" />
</a>
</div>
<center>
Masukan Kode iklan Text ataupun banner
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:0px 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:center">
<a href="javascript:showHideGB()">
<img src="http://www.fileden.com/files/2009/10/12/2599919/close.gif" />
</a>
</div>
<center>
Masukan Kode iklan Text ataupun banner
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Note : Kode warna merah bisa diganti. Right menandakan posisi iklan melayang. #ffffff adalah kode warna, untuk mengganti warna tinggal ganti dengan nama warna dalam bahasa inggris, misal "yellow". Masukan Kode iklan Text ataupun banner ganti dengan kode iklan Sobat, atau bisa juga dimasukkan kode banner dan lain-lainnya.
http://www.fileden.com/files/2009/10/12/2599919/close.gif ganti dengan alamat gambar sobat..
semoga artikel tutorial Blog Cara Membuat Iklan Melayang Di Blog or Cara Pasang Iklan Melayang di Blog bermanfaat.
Tags: tutorial blog
Langganan:
Posting Komentar (Atom)
Share your views...
0 Respones to "Cara Buat Iklan Melayang Di Blog"
Posting Komentar