Selasa, 05 April 2011

Cara Membuat Buku tamu SEmbunyi di blog

Nih kawand ane coba share Permasalahn  mmbuat Buku tamu tamu tersembunyi,...
Mungqn za klo di antara kawand" bosan / kurang puas dengan shoutmix'a gitu" za.......
dan jg mungqn kawand" suka desaign" blog'a agar kliatan baguz....

ne salah satu Terobosan'a (Macam kyk terobosan paaaaa za..... hehehehehe)...

Oia nie jg buat kawand ane yg jg suka desaign ( Striffe Putra ) maren dy nnya, sory ya brother ane baru share skarang........  (biasa rang sibuk... ckckckckck)..


langsung za nih kawand ane kasih tau langkah-langkahnya: 

1. Masuk ke akun blog anda,
2. klik Menu Layout / Rancangan > Page Element / Elemen Laman ,
3. Klik Add a Gagdet / Tambah Gagdet  (Terserah za klo itu) > pilih HTML / JavaSript > 
  Langsung dech Copy Paste Code di bawah ini....: 



<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

<!-- Paste kode buku tamu sobat di sini -->


<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup Buku Tamu]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


4. Save Gadget.....


Ok Tinggal lihat di Hasil Blog'a......

Sumber Ghulamz Blogger Community....


..>Good Luck<.. 

0 komentar:

Posting Komentar

Template by:

Free Blog Templates