Apa kabar Sobat All in One ??? Setelah sebelumnya memposting artikel cara membuat efek salju di blog, kali ini saya akan menerangkan cara membuat buku tamu di blog seperti yang tampak di sidebar blog ini.

1. Pertama marilah kita panjatkan puji syukur kehadirat Tuhan Yang Maha Esa.
2. Kedua membaca basmalah dan siapkan mental
3. Ketiga Login blogger Anda.
4. Keempat buka http://www.cbox.ws/
5. Klik " Get your own free Cbox now! "

 
6. Keenam isi data, centang I have read and ...  lalu klik create my Cbox


7. Ketujuh klik publish


8. Kedelapan klik copy code ini, yang berwarna biru ganti dengan code yang tadi Anda copy clip board

<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/AVvXsEi54_CuNVrxrALeRPb0oF0aTp83HmgspmE2CF_Wefgkc3wnxSj-sxh3EQZjp2fcYs26KK7qrRYoQP1_zOIK7q4MeHa_FubctvtyNJfzM1-0IqnIyAXazjAY091WsOilTJ-0fboc2sJQbEk/s1600/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://www4.cbox.ws/box/?boxid=4163888&amp;boxtag=5zkchh&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4163888" style="border:#FFFFFF 1px solid;" id="cboxmain4-4163888"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4163888&amp;boxtag=5zkchh&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4163888" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4163888"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

9. Kesembilan klik tambah gadget -> HTML / java script

10. Kesepuluh paste copy clip board tadi

11. Kesebelas Klik Save.

Sekian info dari blogerjelek.blogspot.com
Silahkan tinggalkan komentar..
Jika ingin Request bisa tinggalkan pesan di Buku Tamu
Thank ^.^   :)