Thứ Sáu, 2 tháng 6, 2017

Copy và Paste toàn bộ source sau tại "Chức năng khác" >> "Mã HTML footer"
<!----Chat box---->
<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://dl.dropbox.com/u/52829486/www.bachlong.name.vn/Image/cbutton.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #990000;
background:#F5F5F5;
padding:10px;
}
</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="160" height="305" src="http://www7.cbox.ws/box/?boxid=461741&boxtag=j5eqse&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-461741" style="border:#EDDEDB 1px solid;" id="cboxmain7-461741"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=461741&boxtag=j5eqse&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-461741" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform7-461741"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Đóng chatbox]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Trong code này có 2 nơi bạn cần quan tâm.
Một là link ảnh buttom màu đỏ, bạn có thể thay đổi buttom này theo ảnh mà bạn thích, kèm theo đó là chỉnh sửa kích thước màu đỏ sao cho phù hợp.
Hai là phần code màu xanh dương, bạn nên tạo box chat theo ý thích trên trang chủ rồi copy source đó paste thay thế vào phần này luôn. Bạn có thể lấy source từ bất kỳ dạng box chat nào.
Chúc bạn thành công !


thử

Đang Chuyển Trang...