Cara Membuat Tombol Close

Sebelumnya saya sudah posting tentang Download Teorex Inpaint 4.2 Full Version.
Pada kesempatan kali ini, saya akan memberikan sedikit Tips Blogging yang sebenarnya sudah jadul.
Yang akan saya share kali ini adalah Cara Membuat Tombol Close.

Biasanya Tombol Close ini dipergunakan untuk Sobat – Sobat Blogger yang menggeluti Dunia Klik Iklan. Dengan adanya Tombol Close ini, pengunjung Blog Sobat dapat menyapu bersih / menghilangkan Iklan melayang yang ada di Blog Sobat.

Nah, biar tidak terlalu lama, langsung saja kita menuju TKP.

1.       Masuk Dasbor

2.       Klik Rancangan

3.       Klik Tambah Gadget

4.       Pilih HTML/Javascript

5.       Copy kode berikut

<style type="text/css">
#gb{
position:fixed;
top:7px;
right:7px;
z-index:+1000;
}
* html #gb{position:relative;}
  .gbcontent{
float:right;
border:2px double #000000;
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()">
<img src=" http://www.wheelingcvb.com/images/common/icon_close_out.gif " title="Klik satu kali" alt="Close" />
</a>
</div>
 <center>
 “Script iklan”
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div>
</div>

6.       Paste di Jendela HTML/JavaScript

7.       Klik Simpan

Keterangan :

·          Ganti “Script Iklan” dengan Script Iklan Sobat.

·         Kode ini tidak hanya untuk Iklan, Sobat juga dapat pasang dengan Facebook Like, Buku Tamu atau yang lainnya.

Terima Kasih.
Semoga Bermanfaat.

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).