Jumat, 20 November 2009

Menyembunyikan buku tamu di sidebar kanan

Setelah sobat berhasil membuat buku tamu, tapi setelah dilihat....ko' rasanya sempit ya blognya (semak/sumpek/nyesak). Bila seperti itu yg sobat rasakan, sobat bisa menyembunyikan buku tamu tersebut di sebelah kanan sidebar (sebelah kanan tampilan blog)...hanya akan muncul bila di klik. Mau mencoba..??? silahkan baca trik berikut :

1. Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3. Copy-paste kode di bawah :
<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://i142.photobucket.com/albums/r81/gusdiwanto/tab.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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="1" marginheight="2" marginwidth="2" height="200" src="http://www7.cbox.ws/box/?boxid=46036&amp;boxtag=eb73nb&amp;sec=main" id="cboxmain" scrolling="auto" style="border:#DBE2ED 1px solid;" width="300" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="75" src="http://www7.cbox.ws/box/?boxid=46036&amp;boxtag=eb73nb&amp;sec=form" id="cboxform" scrolling="no" style="border:#DBE2ED 1px solid;border-top:0px" width="300" allowtransparency="yes" name="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<a href="http://bit.ly/3KeJ9c">|</a>
<div style="text-align:right">
<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>

Kemudian Simpan....Tempatnya dimana saja..terserah kita.
Yang diganti hanya Tulisan berwarna merah , karena itu adalah Script cbox milik kamu. (jika belum tau apa itu script...baca disini)
hasilnya :


Selamat mencoba, semoga bermanfaat.

6 komentar:

  1. wah, setelah ku coba, mantep mas. ini dia yang saya cari.. dua hari nyari di mbah google akhirnya ketemu jg triknya.. makasih buaaaaannnnnnyak mas......

    BalasHapus
  2. thx buat infonya, menarik sekali artikelnya nih...
    "n salam kenalnya juga...

    BalasHapus
  3. wehhh keren....klo mo cari icon wat buku tamu dimana yak :D

    BalasHapus
  4. wah kerenn follow blog q ya d www.galinginfo.blogspot.com,,

    BalasHapus

kAmU bisa gunakan <a href="#">#</a> <b>#</b> <i>#</i> di kotak komentar...
Percaya gak, kalau Blog ini bisa dapat PR 10 dari mbah google...??? hehehe....