Cara membuat CBox atau Buku Tamu AutoHide

Cara membuat CBox atau Buku Tamu AutoHide >

CHATBOX ATAU CBOX

Setelah beberapa minggu lalu saya meng-upload Cara Membuat/Buku Tamu Tampilan Baru/Unik, Nah kali ini saya akan mempostingkan Cara membuat CBox atau Buku Tamu AutoHide,
Yang dimana bisa Dilihat Contohnya di Blog saya sendiri dibagian sidebar kanan.
Atau Untuk lebih jelasnya bisa lihat DISINI
Langsung saja ikuti tutorial-tutorialnya dibawah ini :

Login ke akun Blogger Sobat.
Masukke Tata letak.
Tambah Gadget.
Pilih HTML/Java Script
Lalu Masukin atau COPAS KOde HTML/Java Script berikut.

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center>  <div id="cboxdiv" style="text-align: center; line-height: 0"> <div> <iframe frameborder="0" width="300" height="275" src="http://www4.cbox.ws/box/?boxid=4100717&boxtag=ebc39c&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4100717" style="border:#FFFFFF 1px solid;" id="cboxmain4-4100717"></iframe></div> <div> <iframe frameborder="0" width="300" height="75" src="http://www4.cbox.ws/box/?boxid=4100717&boxtag=ebc39c&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4100717" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4100717"></iframe></div> </div>  <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://esbepe-sbp.blogspot.com/2013/04/Buku-Tamu-Auto-Hide.html"> widget! </a></span> </div> </center> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>
Klik/Pilih Simpan.
Cek/Blog sobat.

Tambahan :

Kode Boleh Diutak-atik SendiriSeperti sampai boleh diganti sesuai kode CBOX Sobat .,,
Mohon maaf atas kesalahan script sebelumnya, karena saya lalai tidak menge-cek kodenya.
Mohon dimaklumi, karena masih Newbie :D. tapi sekarang sudah bener.
Terimakasih Semoga Bermanfaat,.
Good Luck

Cara membuat CBox atau Buku Tamu AutoHide

Terimakasih telah membaca artikel Cara membuat CBox atau Buku Tamu AutoHide. Dan bila sobat ingin membantu saya, sobat bisa mengeklik salah satu iklan diatas ^_^. Sobat bisa bookmark halaman ini dengan URL http://esbepe-sbp.blogspot.com/2013/04/Buku-Tamu-Auto-Hide.html. Jika ingin copy paste artikel ini, jangan lupa untuk mencantumkan link sumber.

<a href="http://esbepe-sbp.blogspot.com/2013/04/Buku-Tamu-Auto-Hide.html" target="_blank">Cara membuat CBox atau Buku Tamu AutoHide</a>

Cara membuat CBox atau Buku Tamu AutoHide

0 Response to "Cara membuat CBox atau Buku Tamu AutoHide"

Post a Comment