Cara Membuat Buku Tamu di BLOG

Kalau Ingin membuat Buku Tamu diblog buat daftar dulu di Cbox disini  setelah itu copy code yang ada di cbox untuk di masukan ke widget Javascript di blog anda , lengkapnya ikuti carannya berikut ini

Cara Membuat Buku Tamu di BLOG :

1. Masuk ke Blogger.com

2. Pilih Blog Anda, lalu ke Layout / Tata Letak

3. Tambah Widget anda.

4. Pilih HTML/Javascript

5. Copy kode CSS dan HTML berikut :

<style type="text/css">

<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://lh3.googleusercontent.com/-_fjT7ye2ac8/AAAAAAAAAAI/AAAAAAAAACU/McjMpuUqv94/s250-c-k/photo.jpg+bukutamu.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">

<<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=794164&amp;boxtag=12wy5w&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-794164" style="border:#ababab 1px solid;" id="cboxmain7-794164"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=794164&amp;boxtag=12wy5w&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-794164" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-794164"></iframe></div>

</div>

<!-- END CBOX -->>

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://raraswurimiswandaru.blogspot.com/2013/04/cara-membuat-buku-tamu-di-blog.html" target="_blank">Raras Wuri Miswandaru</a></span></span></div><div style="text-align:right"><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>


lalu Save dan lihat atau pratinjau kemudian terapkan kalau sudah cocok

Posted in: Knowledge