Sebelumnya saya pernah membahas tentang Membuat Iklan Melayang Dengan 2 Kali Close,kali ini saya akan membahas membuat Iklan Melayang Dengan 1 Kali Close lansung aja ya, buat sobat yang ingin memassang iklan kumpulan blogger dan sebagainya dan ingin menayangkan iklannya secara melayang dengan tombol close 1 x bisa menggunakan kode script berikut ini.

Caranya:
1.Login ke blog sobat.
2.Pilih tab rancangan lalu plih tambah gadget.
3.Pilih HTML/Java Script.
4.Lalu copas kode berikut kegadget tadi.

<style type=”text/css”>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #ffffff;
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 onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:left”>
<a href=”javascript:showHideGB()”>
untuk keluar.:[Close][Klik 1X]:.
</a>
</div>
<center>

MASUKAN KODE SCRIPT IKLAN DISINI

</center>
<div style=”text-align:left”>
<a href=”http://otowebsite.blogspot.com”>
Get Widget
</a>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.center = (20-gb.offsetWidth).toString() + “px”;
</script></div></div>

catatan:ganti teks warna merah dengan kode script iklan sobat!!!
5.Simpan.
Sekarang lihat hasilnya.................!!!!!!!!!!!!
ok dah sekian dulu baca Articles/postingan saya lainnya ya sob!!!!
Bagaimana tanggapan sobat tentang postingan/articles kali ini?
Tinggalkan komentar sobat tentang postingan/articles di atas!

Posting Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top