Tin mới đăng:

Code Ẩn Hiện chatbox Cho Blogspot

Một số Blog có nhu cầu dùng ChatBox, nếu để ở cạnh (sidebar) sẽ chiếm không gian giao diện Blog. Cách khắc phục vấn đề này đơn giản là tạo ChatBox ẩn hiện, khi rê chuột vào hoặc click thì mới xuất hiện. Ở đây chỉ giới thiệu code ẩn hiện chatbox còn tạo chatbox thì các bạn truy cập các trang:
http://chatwing.com/
http://www.cbox.ws/
http://chatango.com/
               Và còn nhiều trang nữa...

Làm thế nào để áp dụng vào Blogspot
1. Đăng nhập Blogger  
2. Vào phần Thiết kế (hay bố cục)  
3. Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào:
<style type="text/css">
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:Transprant;border:0px solid #fff;display: block;height: 160px;top: 20%;margin-top: -75px;position: absolute;left: -70px;width: 71px;background-image: url(http://1.bp.blogspot.com/-3pgsuWOMlUE/UnZwhzcXVFI/AAAAAAAAAiE/vCeQOOrTNsc/s1600/chatbox.png);background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}.mdfbplikebox span{bottom: 12px;font: 10px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdfbplikebox span a{color: #808080;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
(function(md){
md(document).ready(function(){
var $dur = "medium"; // Duration of Animation
md("#fbplikebox").css({right: -250, "top" : 100 })
md("#fbplikebox").hover(function () {
md(this).stop().animate({
right: 0
}, $dur);
}, function () {
md(this).stop().animate({
right: -270
}, $dur);
});
md("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div class="mdfbplikebox">
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
» Thay ChatBox của bạn vào đây:
Phần code dưới đây là phần ChatBox của bạn sau khi đã tạo được và đem thay vào đó.
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="270" height="305" src="http://www7.cbox.ws/box/?boxid=777495&boxtag=spnyd1&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-777495" style="border:#ababab 1px solid;" id="cboxmain7-777495"></iframe></div>
<div><iframe frameborder="0" width="270" height="75" src="http://www7.cbox.ws/box/?boxid=777495&boxtag=spnyd1&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-777495" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-777495"></iframe></div>
</div>
Lưu ý: Các bạn có thể tự điều chỉnh lại các thông số, kích thước, màu sắc của ChatBox cho phù hợp với Blog của mình.
                                   Chúc các bạn vừa ý!
Code Ẩn Hiện chatbox Cho Blogspot Code Ẩn Hiện chatbox Cho Blogspot
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


4 bình luận | Viết bình luận

SongHong Yvc
08:37 12 tháng 6, 2015
A ƠI ..SAO EM LÀM GIỐNG CỦA A NÓ CŨNG HIỆN RA NV ..MỖI TỘI BLOGSOPT CỦA EM NÓ MẤT VÀI WIDGET KHÔNG HIỂN THỊ LÊN NỮA LUÔN ..WEB CỦA EM NÈ ..A XEM GIÚP E VỚI http://www.baolocgroup.vn/
SongHong Yvc
08:38 12 tháng 6, 2015
A ƠI ..SAO EM LÀM GIỐNG CỦA A NÓ CŨNG HIỆN RA NV ..MỖI TỘI BLOGSOPT CỦA EM NÓ MẤT VÀI WIDGET KHÔNG HIỂN THỊ LÊN NỮA LUÔN ..WEB CỦA EM NÈ ..A XEM GIÚP E VỚI http://www.baolocgroup.vn/
Nguyễn Đức Thịnh
23:32 8 tháng 8, 2016
Bài huong dan hay quá. Cám ơn ad nhé :)
Nguyễn Đức Thịnh
23:35 8 tháng 8, 2016
huong dan mình chèn đc k ?

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật