Buat Buku Tamu - Membuat Buku Tamu Menempel di Blog

Cara

Diposkan oleh ilham Famlek

Hi... Ketemu lagi dengan Kali Ini catatan saya berjudul Cara Buat Buku Tamu atau cara membuat buku tamu bisa menempel di sisi Blog, kenapa sampai saya merekomendasikan tampilan seperti "Buku tamu menempel di Blog", alasannya untuk menghemat tempat apalagi mungkin ada beberapa rekan blogger mempunyai banyak iklan di blognya nah anda bisa menyisipkan iklan di blog anda juga persis di bawah chat Box atau buku tamu
,

oke langsung saja biar ga keburu basi walaupun sebenarnya sudah basi tapi ga apalah sekedar turut meramaikan judul postingan Cara Buat Buku Tamu di Blog na di bawah ini adalah script kode html buku tamu yang nantinya anda gunkan untuk membuat Buku Ta
mu menempel di sisi Blog langsung di Copaz kodenya teman. et tunggu dulu...!

sebaiknya mmungkin saya pandu dulu yah step by step membuat buku tamu di blog menempel mari kita mulai:

1. Masuk ke Blog yang anda punya , lalu pilih Design/Rancangan
2. Add widget/tambahkan widget Html/JavaScript
3. Nah setelah itu... Copy Code di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:23px;
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">

Masukan Code Script ChatBox/ShoutBox kamu Disini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Jangan Lupa masukkan kode Script ChatBox/ShoutBox nya atau bisa di tambahkan iklan tepat di bawahnya dengan menambahkan code <br> kode iklan/Banner anda </br>