Excalibur
Info
Selamat datang di blog Roy Lichtenstein- saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel yang saya susun. Ada banyak hal dapat anda pelajari, Anda mungkin akan menemukan sesuatu yang menarik

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Pages

Subscribe:

Ads 468x60px

Social Icons

Cara Membuat Iklan Melayang Di Blog Dengan Tombol Close Simple

Yang paling banyak tanya lewat komentar di blog seperti sobat yang satu ini faktaduniaunik " Sob..klo iklan melayang tau gak??? mohon pencerahannya sob.. ? " .. Baiklah.. sekarang saya ada waktu untuk menjawabnya.. dan caranya cukup simpel

Simpel gimana sob... jelasin dong aaah !!!


Oke.. Langsung saja ya.. pahami langkah-langkah berikut ini :

1. Loginlah ke Blogger > Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript.. dan gadgetnya biarkan saja tanpa nama/judul...
2. Lalu CoPas Kode IKLAN MELAYANG dibawah ini ke dalam Gadget HTML/Javascript tadi...

<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>

PASTE KODE IKLAN MELAYANGNYA DISINI YA

</center>

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


3. Lalu klik Simpan gadget.. dan lihat hasilnya dengan Refresh Blog kamu.. ini Contohnya > eksperimen284.blogspot.com


Note :
> Posisi Gadget Melayang ini bisa kamu letakan dimana saja.. di atas / Bawah atau Kanan/ kiri.. aturlah secerdiknya kamu biar tampilnya nanti bagus..
> Tapi.. Jangan Menaruh Gadget ini satu bagian/daerah dengan gadget melayang lainnya.. karena mungkin bisa menyebabkan error..


wew!!!..Ternyata Mudah yaa

0 comments:

Post a Comment

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous