Cara pasang atau memasang iklan melayang agar bisa tampil di depan setiap halaman blog atau website
- Apakah anda ingin menampilkan iklan di depan halaman blog anda?
Apakah anda ingin setiap pengunjung blog anda mau mengklik iklan di
setiap halaman blog anda? Setiap blogger
biasanya akan menggunakan segala macam cara agar para pembaca atau
pengunjung blog nya mau mengklik iklan yang ada di setiap halaman blog
nya. Dengan begitu para blogger akan mendapatkan uang dari penyedia layanan iklan tersebut seperti kumpulblogger.com atau iklanperklik.com yang membayar setiap ada pengunjung yang sengaja maupun tidak sengaja mau megklik iklan tersebut.
OK sekarang saya akan memberi tips cara membuat iklan melayang dengan tombol close di depan halaman blog anda dengan mudah seperti gambar dibawah ini.
Ok sekarang kita mulai saja tutorialnya.
- Pertama login dulu ke blog anda di www.blogger.com
- Setelah itu klik Rancangan
- Lalu Klik Tambah Gadget
- Pilih HTML/java script
- Kemudian masukkan kode berikut
<style type="text/css">
#gb{
position:fixed;
top:10px;
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;
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 Klik 2X
</a>
</div>
<center>
KODE SCRIPT IKLAN
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
- Setelah selesai klik Simpan
Catatan:
- Masukkan kode script iklan anda tepat pada tulisan yang berwarna merah di atas
- Jika anda ingin merubah warna backgroundnya menjadi transparan, anda tinggal menganti kode ini background:#ffffff; dengan kode bgcolor:transparent;
0 comments:
Post a Comment