Tạo nút chatbox cho webblog

Để có thể đưa hộp thoại chát vào blog hay web bạn có thể tham kham thủ thuật sau, mình sẽ giới thiệu đến các bạn cách đưa vào blog. Kết quả thủ thuật này sẽ làm cho nút chatbox có dạng ẩn hiện khi click vào nút sẽ tiết kiệm được không gian.
☼ Cách thực hiện:
1. Đầu tiên đăng nhập và vào bố cục blogger
2. Chọn Edit HTML
3. Dán đoạn code dưới lên trước thẻ và save lại
<style type='text/css'>
#gb{
position:fixed;
top:20px;
z-index:+1000;
right:3px;
}
* html #gb{position:relative;}
.gbtab{
margin-top:-1px;
height:96px;
width:26px;
float:left;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqMQ3g8U7y5O4rqqZW8fAigNrHX0BVKBE5h0l2X83z_tmHmTk6S4L4f4VDEOXVLIFoQq32EzSlUehrAHK7kpDwZQQ2ABC-6QGsUZwHMVZBVBCj9cVrnurnREq0und0EJN2i_HzC_cSi4Y7/) no-repeat;
}
.gbcontent{
float:left;
border:3px solid #ccccff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvw9hkGvas5nYLGsE9tBmtFfk-veu87igRoLaJeSscuMK1JGgB_NdMndCkfvmOddmE9lre8MiX7CjE5J-07LoBKSJImBcKh7byxf38jMNFEEScW8DPoE9hOt_7s3vXA5XSsFQLo2s4yvXD/s512/Screenshot-5.png);
padding:5px 15px 3px 15px;
line-height:1.3em;}


4. Kế tiếp tạo HTML/Javascript và thêm code bên dưới vào nó

<strong>Chat with friends
<center>

Chat on onlinetorich365
[Ẩn Chatbox]

☼ Tùy chỉnh: bạn hãy thay đoạn code màu đỏ ở trên thành code chat của bạn, ở đây minh sử dụng dịch vụ shoutmix, để tạo shoutbox bạn có thể vào đây và điền đầy đủ thông tin để tạo cho mình một shoutbox và thay thế code màu đỏ ở trên.
- Hãy thay đổi những dòng chữ in đậm trên thành dòng chữ của bạn hoặc bạn cũng có thể xoa nó đi.
Chúc bạn thành công