TEKNIK DAN CARA MEMBUAT BUKU TAMU (CBOX) MELAYANG DI SAMPING KANAN

Cara memunculkan tulisan buku tamu melayang di kanan seperti saya caranya mudah bray tinggal ikuti step by stepnya. Langsung aja ke bawah gan.
1. Buka situs ini >> http://cbox.ws
2. Buat acoount Dengan meng-klik "Sign Up" Di tab atas. ketemu kan???

 

3. Isi Nama, Email, Password, Website, Bahasa, Bentuk Cbox mu

    Centang pada tulisan "have read and do agree to the Cbox terms and conditions of
    service." dan Klik "Create My Cbok!"
4. Kemudian, akan muncul kata-kata seperti di bawah ini!, selanjutnya Anda disuruh
    login lagi masukin password kamu!

 

5. Kemudian, akan muncul jendela lagi... kamu ketik tulisan "Publish" di tab atas dan
    akan keluar seperti ini... kamu copy kode itu!

6. Tambah gadget, caranya : Masuk Layout >> tambah gadget >>
    pilih HTML/Java Script dan paste-kan di HTML/Java Script
7. Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyiLD0M0RnhiEvncbgbTfdAieTGzq6CZ68rHtfpAPXcRe1Hxs8pFMuAIeyeshnKeMweeQ_Ku8ZNgRLye8f3NNXBOu2qEGGzo29GBalFyQGeBU7oHWTAXAuWJJwhxN0CJXlrXyrfA6KsNmy/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; 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 --> Code CBox milik mas brooo <!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://http://saung-butut.blogspot.com/2013/06/cara-membuat-buku-tamu-melayang-di.html"target="_blank"> di sini </a> <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>

8. Silahkan sobat ganti tulisan yang berwarna merah dengan Kode cbox tadi.

 SEMOGA BERMANFAAT!

Berbagi :