Cara Membuat Hide And Show ChatBox

Cara Membuat Hide And Show ChatBox - Mungkin bagi kalian belum mengerti apa yang saya maksud dengan Hide And Show ChatBox, Hide And Show ChatBox yang saya berikan kali ini hampir sama percis dengan punya saya...
Yang tepatnya d'samping kanan halaman blog ini...
Nah...
Langsung saja deh keTutorial cara membuat hide and show chatbox :

• Login ke akun Blogger sobat...
• Masuk kebagian Rancangan...
• Trus klik Tambah Gadget...
• Kemudian pilih Html/Javascript...
• Kemudian masukan script dibawah ini...

• <!-- Begin Show Hide Floating - http://www.cybertrik.web.id/ --> <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://data.cybertrik.web.id/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> <!-- Kode Shoutmix mu Disini -->MASUKAN KODE SHOUTMIX DISINI<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

• Kemudian Simpan

Note : Masukan script Chatbox anda d'tulisan MASUKAN KODE SHOUTMIX DISINI

Selamat Mencoba...

Baca juga : Cara Memberi Gambar Background Pada Cbox

Tag : Cara membuat auto hide chatbox, cara membuat hide and show chatbox, cara membuat auto hide chat box, cara membuat hide and show chat box.

Title : Cara Membuat Hide And Show ChatBox
URL : http://cyber-trik.blogspot.com/2011/12/cara-membuat-hide-and-show-chatbox.html
Jangan lupa untuk membagikan artikel Cara Membuat Hide And Show ChatBox ini jika bermanfaat bagi sobat.

Related Post :

Artikel Terkait: