0 Cara Membuat Buku Tamu Tersembunyi

Cara Membuat Buku Tamu Tersembunyi

Sebelu sobat semua mengikuti langkah" yg akan say berikan nanti, sobat blogger haru memiliki html dulu tentunya. Untuk mendapatkan html itu sendiri silahkan sobat masuk ke link DI SINI Ikuti  saja langkahnya.. Nahh setelah sobat blogger mendapatkan kode htmlnya lalu simak baik" langkah" membuatnya. Eiittss pastikan mata masih melek sob karena kalau merem, sobat tidak akan tau caranya... wkwkwk...

Berikut adalah langkah"nya:
1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML


<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZZ2eFGDkFUCPKHPRHQD-ZikPKrj-umOpwTrwZk4i_e8hj9E7IQu4z14f5D-3xX0gz1vf0fjGDYL0_wFwqGZljpsveRbF23Q9_dayTj4cmwB3Ceuuko7QV9pbtiHUSKQt0WNV98FR1xML/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://kolom-bebas.blogspot.com/2009/07/cara-membuat-buku-tamu-tersembunyi.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



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

7. Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing.

Do the bes and Enjoyed..!!