Membuat Iklan Melayang dengan Tombol Close Jebakan





Hari ini saya akan bercerita tentang bagaimana cara memasang sebuah kotak iklan melayang sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari atas halaman setiap kali kita mengunjungi Website atau Blog. 

Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe. Menurut saya posisi ini adalah posisi yang bagus untuk memasangkan iklan advertiser karena pasti pertama terlihat oleh pengunjung Website atau Blog kita.

Jika anda ingin memasangnya juga silahkan ikuti langkah-langkah pembuatannya :
1.  Login ke Blogger
2.  Masuk ke Tab Layout
3.  Pilih Elemen Halaman
4.  Tambah Gadget Pilih HTML / JAVASCRIPT
5.  Dan copy kode di bawah ini kedalamnya
<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>

Script from maskolis.com
6.  Simpan


Untuk tulisan berwarna merah, bisa anda ganti dengan kode iklan, gambar ataupun tulisan yang diinginkan, tulisan berwarna biru adalah text bacaan pada tombol close. Sebenerna tulisan berwarna biru adalah penjebakannya, karena iklan akan close hanya sekali klik saja, jadi apabila 2x klik otomatis iklan juga ke klik.

Update: 

  • Tulisan berwarna kuning adalah jarak kotak iklan. Bisa anda tambahkan kode right: ..px   atau left: ..px atau bottom: ..px (titik-titik dapat anda ganti dengan angka)
  • Tulisan berwarna ungu (z-index:+1000) adalah posisi iklan. z-index:+1000 posisi iklan berada di atas, dapat anda ganti menjadi y-index:+1000. 
  • Kode berwarna hijau adalah kode warna garis pinggir kotak iklan (border). Anda dapat melihat kode warna DISINI

Last Words

Sekian post tentang cara membuat iklan melayang dengan tombol closeJangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata dan semoga tulisan ini dapat bermanfaat bagi anda :)






Artikel Menarik Lainnya :



46 comments

avatar
03 June, 2013

terima kasih gan postingan ini sangat membantu bagi saya :D
kunjungi blog saya kang :D

BalasHapus
avatar
03 June, 2013

gan cara nya supaya bisa nampilnya di tengah bagaimana ya gan?
disaya tampilannya di sebelah kanan layar gan

BalasHapus
avatar
yoyo suharyo Author
03 June, 2013

@Artikeludah sya update gan artikelnya..

BalasHapus
avatar
12 June, 2013

Mantap Om Artkelnya :D

BalasHapus
avatar
14 September, 2013

makasih gan infonya..udah jadi tu ane..
mohon dicek sekaligus diklik ya hehe
http://kampussantri.blogspot.com/

BalasHapus
avatar
23 October, 2013

Mantab Broe . . .
Mampir jga ya . .
http://inboxkita.blogspot.com/2013/10/download-film-soekarno-2013-dvdrip-480p.html

BalasHapus
This comment has been removed by the author.
avatar
27 November, 2013

Info bagus bisa untuk trik mensiasati iklan ppc agar jumlah kliknya banyak.

BalasHapus
avatar
17 December, 2013

keren gan

Makasih gan

BalasHapus
avatar
06 September, 2014

hehe, keren, saya baru nyadar :D

visit: http://bekantanman.blogspot.com

BalasHapus
avatar
01 December, 2014

terima kasih infonya, salam blogger dan sukses selalu
http://giribig.com/
http://www.duniagame.info/
http://www.idcheat.com/

BalasHapus
avatar
22 December, 2014

sangat menarik artikelnya, terimakasih
http://ramuantradisionalkita.com/

BalasHapus
avatar
29 January, 2015

terima kasih gan
jebakannya manjur

BalasHapus
avatar
04 March, 2015

Mantep gan..

Film-film movie berkualitas? Join http://pilem-gratis15.blogspot.com

BalasHapus
avatar
10 April, 2015

tapi bisa nurunin visitor blog ini mas,

BalasHapus
avatar
11 June, 2015

Tidak kok

BalasHapus
avatar
23 June, 2015

posisi iklan kalo mau kita ubah contohnya ke samping kiri atau kanan gimana , perjelas dong

BalasHapus
avatar
26 September, 2015

thanks bro..
goo.gl/PzepdB
http://www.bicaraperpustakaan.com/

BalasHapus
avatar
28 April, 2016

Keren perlu dicoba nich

BalasHapus
avatar
13 May, 2016

udah di close iklan mlah gak hlang brow !1!
itu knapa ??

BalasHapus
avatar
17 May, 2016

manthap gan artikelnya
http://dikejar.com/

BalasHapus
avatar
25 May, 2016

bagus gan artikelnya

BalasHapus
avatar
05 June, 2016

Good JOB !

================
http;//videopoh.blogspot.com

BalasHapus
avatar
30 July, 2016

Thanks gan ilmu banget gan.
Kunjungi balik blog saya ya gan :D

BalasHapus
avatar
08 September, 2016

pada tampilan mobile bekerja ngga nih script? nitip lapak http://unrang.blogspot.com

BalasHapus
avatar
17 September, 2016

Info yang dicari sebenarnya, tapi koq gak berhasil ya? Dah dipasang di www.gratiskabeh.com tapi gak muncul ya? Aq hanya ganti tulisan merah dengan alamat gambar di google drive. Bener gak sih?
Boleh cek kesini www.gratiskabeh.com

BalasHapus
avatar
08 October, 2016

Mau dapatkan uang dengan mudah dan pasti ?

Makanya Segera bergabung dengan temen temen yang ada di dalam meja permainan Game online. Buktikan kamu pecinta Poker Online dan kalahkan semua temen temen kamu sekarang juga.

Selain menjadi Master Poker Online kamu juga bisa mendapatkan bonus rollinga dan hadiah Jackpot yang menunggu kamu setiap waktu lo..

Minimal Deposit hanya 20.000,-
Minimal Witdhraw 20.000,-
Bonus Referral 20%
Bonus Double Referral 20% ( Klaim setiap haris kamis)
Turn Over 0.3% 0.4% dan 0.5% yang akan di bagikan setiap hari senin.

Tunggu apa lagi.. Segera mendaftar dan rasakan sensasi permainan yang akan membuat harimu berwarna. ^_^

Untuk info lebih lanjut anda dapat menghubungi kami melalui :

Pin BB : 2B3C34F4
YM : Aslibandar_CS
Skype : AsliBandar
Telp : +855882388666
FB : AsliBandar

BalasHapus
avatar
17 October, 2016

gan iklanya gx muncul cuman tulisan ajah klik 2x, knp yah ?

BalasHapus
avatar
28 November, 2016

Makasih

BalasHapus
avatar
27 December, 2016

Jika ingin memasang iklan blog ke sini --- http://Kumpulblogger.com/signup.php?refid=387609

Aman,Bagus,terpercaya ayo daftar

BalasHapus
avatar
28 January, 2017

sudah di test di web yoump4.top mantap nih

BalasHapus
avatar
08 February, 2017

trimakasih sangatlah berguna. nitip link ya kunjungi kami bila wc atau saluran anda mampet http://www.sedotwcputurindo.com/

BalasHapus
avatar
25 March, 2017

Terima kasih infonya gan www.barisan.info

BalasHapus
avatar
25 April, 2017

sangat bermanfaat gan,

BalasHapus
avatar
06 August, 2017

www.mrread.net

www.triktutorial.net

BalasHapus
avatar
11 August, 2017

www.carikerja.blogspot.co.id

BalasHapus
avatar
26 August, 2017

melanggar TOS adsense ga ini

BalasHapus
avatar
27 August, 2017

Masih jalan gak sih?

BalasHapus
avatar
06 September, 2017

LIVECASINO338 HOT GAMES :
? BACCARAT ? ROULETTE ? SIC BO ? DRAGON TIGER ? SLOT GAME ?
Minimal deposit 25.000,- sudah bisa bermain disemua jenis game
? Register/Pendaftaran : http://livecasino3381.pkr69.com/

Bonus Rollingan 0.8%
Bonus Referral 3% [SEUMUR HIDUP!]
Proses Deposit dan WD cepat hanya 1 menit!

Contact Us :
BBM : 2AD88032
WA : +855965922558
YM : cs_livecasino338

BalasHapus
avatar
18 September, 2017

Keren.pengen nyoba sih...tapi iklan melayang rawan banned gak gan

BalasHapus
avatar
12 October, 2017

http://m-barsal.blogspot.co.id/

BalasHapus
avatar
20 October, 2017

Mau coba pasang iklan melayang, mudah mudahan bisa,biar banyak yg klik hehhee

BalasHapus
avatar
19 December, 2017

makasih banyak gans. blog saya http://penahamdan.blogspot.com

BalasHapus
avatar
15 February, 2018

saya belum bisa,,,, kenapa yah?

BalasHapus
avatar
19 February, 2018

bolehmasuk.com

BalasHapus
avatar
28 March, 2018

Halo Bossku ^^
Segera Daftarkan ID di skb288,com
Menyediakan 7 Permain Hanya Dengan 1 ID
Serta Tersedia Promo Menarik
Bonus Turn Over Terbesar
Bonus Refferal Seumur Hidup
Minimal Deposit Hanya 20Rb
BBM : D8E87241
WA : +62 878 8707 6927
Di Tunggu Kehadirannya Bossku ^^

BalasHapus