Pasang Buku Tamu Tersembunyi

Bagi yang ingin memasang buku tamu tapi tak ingin memakan tempat, cara ini patut dicoba. Triknya yaitu dengan menyembunyikan buku tamu / hiden cbox.

Jika tertarik, ini dia scriptnya:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://3.bp.blogspot.com/-LWcHDmV7IFw/TihBZaptCEI/AAAAAAAAA8k/SJtcddQj62E/s1600/buku+tamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKAN KODE CBOX DI SINI

<div style="text-align:right">
<a href="http://skocikita.blogspot.com/2011/07/pasang-buku-tamu-tersembunyi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Cara pasang:
1. Login ke Blogger
2. Klik Rancangan
3. Klik tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan script di atas pada kolom yang tersedia
6. Simpan dan lihat hasilnya
Untuk berlangganan artikel, masukan email anda disini:



0 Comment :

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry