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..!
mantap,, biar lebih hemat tempat ya kawan,,
ReplyDeletesangatlah benar saudara.... ^_^
Deletemksih kwan invnya'y. jdi tau soal buku tamu,ni heheh...
ReplyDeletekpn2 mmpr kwan admin jga ble heheheh