Cara Bikin Buku Tamu Melayang Lucu Di Blog
Oke berikut adalah caranya...
1. Login ke http://cbox.ws/ , kalo belum punya, saudara bisa bikin account baru disana...
2. Setelah itu, bikin chat bos nya sesuai yang anda inginkan, dan kemudian dapatkan kode HTML nya..
3. Langkah berikutnya Login ke blogger anda, kemudian pilih Rancangan>>Elemen Laman>> klik add Gadget/Tambah Gadget>> pilih HTML/Java Script.
Langkah yang terakhir adalah copy dan pastekan kode HTML di bawah ini :
<style type="text/css"> #gb{ position:fixed;
top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{
height:200px; width:30px; float:left; cursor:pointer;
background:url('http://i1185.photobucket.com/albums/z353/Ivanka_Rezma/3-4.png')
no-repeat; } .gbcontent{ float:right; border:1px solid #B3B3B3;
background:#E6E6E6; padding:5px; } </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="250" height="305" src="http://www5.cbox.ws/box/?boxid=728529&boxtag=7wbw3h&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-728529" style="border:#ababab 1px solid;" id="cboxmain5-728529"></iframe></div> <div><iframe frameborder="0" width="250" height="75" src="http://www5.cbox.ws/box/?boxid=728529&boxtag=7wbw3h&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-728529" style="border:#ababab 1px solid;border-top:0px" id="cboxform5-728529"></iframe></div> </div> <!-- END CBOX --> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> |
Setelah itu, ganti text yang saya beri warna merah dengan kode HTML dari CBOX yang tadi anda dapatkan di http://cbox.ws/ , setelah itu ?? kemudian ?? lalu ?? selesai deh... ^_^ hehehe... gimana ? gampang bukan saudara - saudara sekalian... okeee.. selamat mencobaaa... dan semoga sukses ya..!
0 komentar: