Hidden Chatbox Menggunakan Icon

Thursday, May 30, 2013

Hari ini untuk kali ke2 
Ila buat tutorial yang kali untuk chatbox
korang dah ada ke Chatbox kalau tak ada KLIK SINI



Login > Dashboard > Layout > Add a Gadget > Html/JavaScript


1. Copy kod HTML di bawah 

<style type="text/css">

#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}

.gbtab{height:350px;width:140px;float:left;cursor:pointer;background:url('URL PIC YANG KORUNK SUKA') no-repeat;}.gbcontent{float:left;border:2px solid #00000;background:#F5F5F5;padding:10px;}</style>

<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 150-w) : moveGB(170-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">

MASUKKAN KOD CHATBOX ATAU APA2 BOX KORANG KAT SINI :)

<div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>


2. Warna merah tu masukkan url gambar, boleh dapatkan DEKAT SINI

3. Click Save

4. Done !!

You Might Also Like

0 stalker