Buat sobat yang memiliki blog dengan traffic yang tinggi, mungkin ide ini dapat diterapkan. Menampilkan iklan melayang dengan tombol close pada blog. Tetapi sobat sebelumnya harus memperhitungkan kelemahan dari tehnik ini, yaitu blog sobat akan terlihat seperti menjebak para pengunjung. Dimana iklan melayang tersebut sedikit mengganggu kenyamanan dalam menjelajah halaman blog.


Sebagai catatan, sebaiknya trik ini digunakan pada blog sobat yang memang benar-benar digunakan sebagai media penghasil dollar atau rupiah bagi sobat, jangan diterapkan pada blog pribadi. Alasan nya jika di gunakan pada blog pribadi mungkin berkesan kurang familiar dan tidak fair.

Oke langsung saja, berikut caranya :
  • Login Ke Akun Blogger
  • Masuk ke Tab Tata Letak
  • Pilih Elemen Halaman
  • Tambah Gadget 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: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>

Masukkan kode sobat disini, boleh iklan, gambar, buku tamu dsb

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

  • Ganti kode yang berwarna merah dengan kode sobat. 
  • Jangan lupa disimpan dan lihat hasilnya. 
  • Sobat juga dapat membuat iklan melayang pada halaman bawah footer blog disini

Baca Juga Artikel Menarik Lainnya :

Komentar Pembaca :

Ada 0 komentar pada artikel “Kode Script Membuat Iklan Melayang Dengan Tombol Close”

Posting Komentar


Pembaca yang baik selalu meninggalkan komentar yang bermutu. Komentar Spam atau kata-kata tidak sopan akan dihapus.

Next previous home