Wednesday, April 11, 2012

Cara Bikin Buku Tamu Melayang Lucu Di Blog

Saudara Yang Terhormat, kali ini saya akan memberitahukan tentang bagaimana Cara Bikin Buku Tamu Melayang Lucu Di Blog yang nanti nya akan tampil seperti pada gambar disamping <--- tepatnya di sebelah kanan blog saudara...


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&amp;boxtag=7wbw3h&amp;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&amp;boxtag=7wbw3h&amp;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..!
Terimakasih sudah membaca artikel tentang Cara Bikin Buku Tamu Melayang Lucu Di Blog anda bisa menemukan artikel ini melalui URL http://bosengaptek.blogspot.com/2012/04/cara-bikin-buku-tamu-melayang-lucu-di.html. dan saya berharap semoga artikel Cara Bikin Buku Tamu Melayang Lucu Di Blog ini bermanfaat bagi anda yang membutuhkan. Terimakasih...

Baca juga yang lain :

3 comments:

  1. mantap,, biar lebih hemat tempat ya kawan,,

    ReplyDelete
  2. mksih kwan invnya'y. jdi tau soal buku tamu,ni heheh...
    kpn2 mmpr kwan admin jga ble heheheh

    ReplyDelete