Warung Bebas
HOME SING IN LOG OUT
SELAMAT DATANG DI WITTO BLOG | TEMPAT NONGKRONG PARA BLOGGER | Voucher Bersama - Witto Blog - Tutorial Blog | SELAMAT MENUNAIKAN IBADAH PUASA MOHON MAAF LAHIR DAN BATHIN | MAAF ATAS KE TIDAK NYAMANANNYA

Rabu, 25 Agustus 2010

Cara Membuat Iklan Melayang dengan Tombol Close 1 Kali

Rabu, 25 Agustus 2010

Mungkin pembahasan saya ini sudah banyak dan para sahabat semua sudah paham dengan ini,. tapi saya kan membahasnya lagi karna dari artikel sebelumnya yang membahas Cara Membuat Iklan Melayang dengan Tombol Close dan ini memakai close 2 kali klik, untuk pembahasan kali ini saya akan membahas tentang Cara Pasang Iklan Melayang Dengan 1 kali close.

Kode yang kita gunakan sama persis dengan kode sebelumnya pada artikel Cara Membuat Iklan Melayang dengan Tombol Close. di sini hanya menambahkan sedikit saja kodenya.

Langsung aja ya ???
So pasti semua dah tau kan cara menambah gadget baru,. dan langsung CopPas aja Kode dibawah ini :
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="http://gadogadorahma.blogspot.com"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGCdFTc3X6CQDw4kHs47HBXGO2g0Jsu_056h534byx8fMMNrmedty3gzGHY9uoU0Ov-4Pi_DyZWqtMj94ODCpsNPrQCyk-3LVt1g2JfLULc9HKNIE7vHTQ0Jr2aUgmgl1cXR7vU1t5BQ/s800/wa.JPG" alt="" id="witto blog" border="0" /></a>


<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-100;
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 1x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>
<div style="text-align:left">
<a href="http://www.t-w-t.co.cc/2010/07/cara-membuat-iklan-melayang-dengan.html">
Get Widget
</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></center></div></div>
Semoga bermanfaat,.
Salam.

Cari Artikel Lainnya Disini
Custom Search

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek dalam waktu yang singkat,di tuntun dengan tutorial video yang di rancang khusus dan mudah di mengerti, Witto Mengajak anda belajar DISINI.

6 komentar:

Pentoeng mengatakan...

cara mindah kotaknya ke kiri gimana, boz?

Anonim mengatakan...

@dhanang ganti aja kodegb.style.center = (20-gb.offsetWidth).toString() + "px"; dengan left

adib boomers mengatakan...

makasih artikelnya mas, sudah ku pasang di blog ku nih. kunjungi http://www.adibima.co.cc

witto mengatakan...

okey, sudah sayaa lihat,.. masih banyak cara2 baru nih klu mau coba silahkan,... atau mau coppas juga silahkan, asal menampilkan sumbernya,.. terimakasih

CARA BERIKLAN DI INTERNET mengatakan...

terima kasih kang atas infonya...

Test mengatakan...

ehm,,,mw nanya...trik ini udah biasa
ada gk yang baru close kalo klik iklannya

Posting Komentar

Comment Yuk Biar Lebih Seru....

Prev Prev Home
 

Follow

Buku Tamu No Link