Tạo Phần Ho tro truc tuyen

 Phần này paste vào HTML footer

<script type="text/javascript">
jQuery(function($) {
var open = false;
$('#footerSlideButton').click(function () {
if(open === false) {
$('#footerSlideContent').animate({ height: '270px' });
$(this).css('backgroundPosition', 'bottom left');
open = true;
} else {
$('#footerSlideContent').animate({ height: '0px' });
$(this).css('backgroundPosition', 'top left');
open = false;
}
});
});
</script>
<script type="text/javascript"> Cufon.now(); </script>
<!-- Begin Support Online -->
<div id="footerSlideContainer">
<div id="footerSlideButton"></div>
<div id="footerSlideContent">
<div id="footerSlideText">

<span class="titles">Hỗ trợ trực tuyến </span>


<p><span class="left"><span class="left"><a href="ymsgr:sendIM?hi_new9999" rel="nofollow"><img src="http://opi.yahoo.com/online?u=xuanthanh1410&t=2" alt="Bán hàng" /></a></span></span></p>

<p><span style="color: #008000;"><strong><span style="font-size: small;">Mr. Thanh (General Director): 0902.506.345</span></strong></span></p>

<p><span style="color: #008000;"><strong><span style="font-size: small;">Email: thanh@dragonlines.vn</span></strong></span></p>


<p><span class="left"><span class="left"><a href="ymsgr:sendIM?hi_new9999" rel="nofollow"><img src="http://opi.yahoo.com/online?u=xuanthanh1410&t=2" alt="Đặt hàng" /></a></span></span></p>

<p><span style="color: #008000;"><strong><span style="font-size: small;">Mr.Liêm (P.Thiết kế - In ấn): 0907 88 00 07</span></strong></span></p>



<p><span style="color: #008000;"><strong><span style="font-size: small;">Email: liem@dragonlines.vn</span></strong></span></p>
</div>
</div>
</div><!-- End Support Online -->





Phần này paste vào CSS:

#footerSlideContainer {
    z-index: 1000;
    position: fixed;
    bottom:0;
    left: 0;
    width: 300px;
}
#footerSlideButton {
    background: url(http://i1247.photobucket.com/albums/gg637/vintage181/hotro_zps3d047ee1.png) top left no-repeat transparent;
    position: absolute;
    top: -80px;
    left: 0px;
    width:235px;
    height:100px;
    border: none;
    cursor: pointer;
}
#footerSlideContent {
    width: 100%;
    height: 0px;
    background: #FFFFFF;
    //color: #CCCCCC;
    font-size: 0.8em;
    border: 5px solid #FFCC00;
    border-bottom: none;
    //border-left: none;
    font-family: DejaVuSansBook, Sans-Serif;
    position: relative;
    bottom: -5px;
}
#footerSlideContent h3 {
    font-size: 36px;
    color: #9AC941;
    margin: 10px 0 10px 0;
}

#footerSlideText {
    padding: 10px 5px 5px 5px;
    text-shadow: 1px 1px #FFFFFF;
}
#footerSlideText .line{
    width: 95%;
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px;
    background: url(line.gif) repeat-x top lèt;
    height: 2px;
}
#footerSlideText .titles{
    font-size: 14px;
    text-transform: uppercase;
    color: #006795;
    font-weight: bold;
}