Cara membuat Guest Book/Buku Tamu Auto Hide

Tentunya para blogger sdh tidak asing lagi dengan istilah Buku Tamu atau Guest Book, sangat beragam bentuk dari Buku Tamu ini, mulai dari bawaan blog sendiri, shoutmix, chatbox ataupun yang lainya. gayanya pun berbeda-beda yakni ada yang transparan dan tersembunyi, tergantung para blogger sendiri untuk memodifikasi sesuai dengan keinginan masing-masing. berikut sedikit modifikasi guest book atau buku tamu dari saya, dan saya yakin para blogger yang lain termasuk anda bisa lebih berkreasi dari pada saya. ok.. langsung ke TKP dah.....

Close
Open

caranya sederhana cuma di butuhkan ketelitian dan kesabaran, Silahkan Copy/Paste HTML/Script di bawah ini :


Click Saja Bos

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:128px;
width:93px;
float:left;
cursor:pointer;
background:url('http://i264.photobucket.com/albums/ii184/aandfx/128x128-1.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, 90-w) : moveGB(80-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 ShoutMix - http://www.shoutmix.com -->
<iframe title="aandfx" src="http://www5.shoutmix.com/?aandfx" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?aandfx">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">Leave Message</a><br />
<!-- End ShoutMix -->
</div>

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


Image 1
Image 2




Image 3

Image 4















Keterangan :
1. Masuk Blogger
2. Pilih Tab Design/Tata Letak
3. Pilih Tab Page Element/Tambahkan Halaman
4. Pilih Add Gadget
5. Pilih HTML/Script , Paste Script yang sudah anda copy tadi
6. Save

Lihat Hasilnya.. Semoga Bisa bermanfaat

One Response to Cara membuat Guest Book/Buku Tamu Auto Hide

  1. Anonymous says:

    ijin practice aaaaahhhhhhhhhh

Leave a Reply

Leave Your Comments Here, Hope you found what you need here. Thanks and happy blogging.

Tab 1.2
Tab 1.3
Submit your site to Google Search
Submit your site to Yahoo
Submit your site to MSN

Enter your email address:

Delivered by FeedBurner

Aandfx | Edited by | Black Neon Template