KLIK

Cara Membuat Tombol Close

4.5
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.
Klik jika artikel ini bermanfaat
UBLO SEVEN

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

10 comments:

My Laboratorium said...

Maaf sobat saya lupa kasih tau dimana
Ini dia link dimana saya meletakkan awardnya :D
http://mylaboratorium.blogspot.com/2012/03/10-pemenang-random-award-my.html

Unknown said...

@My Laboratorium siip gan . lanjut terus.. :D

Info Toko Surya62 said...

bagus sekali Gan...

Unknown said...

@Info Toko Surya62 siip gan . jangan kapok mampir gan.. :D

HEXSA said...

sip ty sudah saya praktekan
http://esha-hitam-putih.blogspot.com/

Unknown said...

siip lah :D

Uem Cuters said...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Unknown said...

@Uem Cuters sama sama mas BLO :D
langsung meluncur :)

Unknown said...

Ok dah dah jadi tahnks ya agan . . .

Unknown said...

@Adhitya Wicaksana Saputra sama-sama mas BLO :D

Komentar Anda Sangat Bermanfaat

Silahkan Berkomentar !

 
The Official Website Of Arief Ubaidillah
Copyright© 2013 UBLO SEVEN™ | Use Chrome To The Maximum Result