Cara membuat Iklan Melayang Dengan Tombol Close

Farhan Share - selamat pagi sobat farhan, selamat berakhir pekan, bagaimana kabar sobat hari ini, semoga di beri kesehatan dan kelancaran dalam beraktivitas, sobat farhan hari ini saya akan membahas kembali tentang Tutorial Blog, sobat pernah tidak melihat iklan melayang di blog sahabat, biasanya muncul seketika kita membuka halaman tersebut, tapi terkadang ada juga iklan melayang seperti ini yang membuat pengunjung bingung karena tidak disertai dengan tombol close, baik hari ini farhan akan memberikan solusi bagi sobat yang bingung ingin membuat iklan melayang disertai tombol close, kita mulai saja sobat ini dia langkah-langkahnya.

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Pilih Add Gadget.

4. Pilih HTML/JavaScript

5. Lalu sobat letakkan kode di bawah ini ke dalam box "konten".

<a onblur="try {parent.

deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlk8YOBUy2oryDwc17zx8DAOYiHagn2djh26wS8amOcTIvTTat_UjNy_FLYy4W0x22dDnORuyOw0q0wfBJeilttLRh4ttMyzLuQJRuJJoZAt_wa-Nhnqmby5KjYbXYdG69Gfb4nio8wB0/s1600-h/Widget.JPG"><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/AVvXsEjlk8YOBUy2oryDwc17zx8DAOYiHagn2djh26wS8amOcTIvTTat_UjNy_FLYy4W0x22dDnORuyOw0q0wfBJeilttLRh4ttMyzLuQJRuJJoZAt_wa-Nhnqmby5KjYbXYdG69Gfb4nio8wB0/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" 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; 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 DISINI

</center> <script type="text/javascript"> var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center></div></div>

Catatan : kode yang berwarna biru bisa sobat ganti dengan script iklan yang ingin di tampilkan.

6. Klik "Save" Dan selesai. 

Selamat mencoba sobat farhan, bila ada pertanyaan comment dibawah.