Senin, 08 November 2010

Cara Pasang Buku Tamu Tersebunyi

Mungkin temen2 bertanya apa itu buku tamu tersembunyi (ini yg blom tau loh....kalo yg udah tau diem aja ok....), gini....., buku tamu itu tidak kelihatan di halaman blog kita dan yang kelihatan hanya icon yang bertulis BUKU TAMU, nah klik itu baru muncul deh buku tamunya.
Daripada terlalu banyak basa-basi dan jadinya basi deh.... Baik berikut ini langkah2 untuk memasang buku tamu tsb :
Pertama Login di Blognya lalu masuk ke Rancangan.
Kemudian Tambah Widget terus klik tambah HTML
Langsung Copy Paste Code HTML yang ada dibawah ini :

<style type="text/css">
#gb{
position:fixed;
right:200px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
width:100px;
height:30px;
color:white;
font-weight:bold;
font-size:16px;
text-align:center;
cursor:pointer;
background:url('http://lh5.ggpht.com/_jn57XA2jLxY/SnBgAO_o_6I/AAAAAAAAAaY/xRt3CxbkQ1M/plaintabs.png') no-repeat;
}
.gbcontent{
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetHeight;
gb.opened ? moveGB(0, 30-w) : moveGB(30-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.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> Buku Tamu </div>
<div class="gbcontent">

<!-- Ganti ini dengan code dari ShoutMix -->

Sedikit Tambahan : Tuliasan Tebal merah Ganti ini dengan code dari ShoutMix (kalo buku tamunya diambil dari Web ShoutMix dst.......dan yang lainnya juga kalian bisa Rehab tergantung dari kebutuhan kalian.

Silahkan dicoba semoga sukses.......