Cara Membuat Iklan Melayang Di Blog dengan Tombol Close

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

 

Cara Membuat Iklan Melayang/FlyngAds Di Blog Dengan Tombol Close. saya yakin Sobat blogger sudah pernah melihat iklan melayang ataupun menggantung di blog. Para blogger sengaja memasang iklan melayang biasanya untuk strategi meningkatkan jumlah klik iklan oleh visitor/ pengunjung.

Kita tahu bahwa kebanyakan blogger sengaja untuk menjadi publiser iklan pada blognya dengan tujuan untuk mendapatkan penghasilan berupa $.. hehee dan sudah menjadi hal yang mutlak jika ingin penghasilan meningkat, harus berupaya bagaimana para visitor banyak yang meng Klik iklanya.

Oke sobat langsung saja di simak tutorial bagaimana cara memasang iklan melayang di blog dengan tombol close.

1. Masuk ke account blogger sobat.
2. Pilih LayOut/Tata Letak.
3. Pilih Add Gadget/Tambahkan Gadget.
4. Pilih Html/Java Script.
5. Copy Dan Paste Kode Di bawah Ini di dalamnya.

Kode Html

 <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>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

6. Selesai Save/Simpan.

Keterangan:

• Warna Biru adalah Kode iklan. silahkan ganti dengan Kode iklan Sobat.

• Warna Merah adalah Jarak Kotak iklan, Silahkan sesuaikan dengan keinginan Sobat.

• Warna Pink (z-index:+1000) adalah Posisi Iklan. Sobat bisa menggantinya dengan kode y-index:+1000 jika ingin posisi lainya, silahkan di coba dulu.

• Warna Hijau adalah Kode Warna Border Iklan, silahkan Ganti dengan warna kesukaan sobat, bila belum tau kode kode warna silahkan Pakai Tool Otomatis Kode Warna

SELAMAT BERKREASI.. HAPPY BLOGGING..

Artikel Terkait