Hướng dẫn chèn code like fanpage Facebook vào blog

Hướng dẫn chèn code like fanpage Facebook vào blog

Một trong những công cụ mà Facebook cung cấp là "Like Box". Like Box như một trang Facebook thu nhỏ. Trong đó thể hiện Fanpage và những bài đăng trên trang Facebook riêng của bạn. Khi chèn Like Box vào Blog, bạn bè của bạn có thể xem nhanh nội dung trang Facebook của bạn và họ có thể kết nối để chia sẻ với bạn thông qua nút “Like” (thích) ngay phía trên hộp thoại.

Để tạo nút Like Box cho Blog, trước tiên bạn cần có một tài khoản trên Facebook và bạn cần tạo trang Facebook riêng . Sau đó các bạn làm theo hướng dẫn bên dưới để đưa like box vào blog cảu bạn.

Hướng dẫn cách chèn Code Like Fanpage Facebook vào blog.Code like box ngắn gọn,cài đặt dễ dàng và nhanh chóng.

Mẫu 1: Mẫu khung like fapage facebook tĩnh cho blog:

=>Vào phần Bố Cục => Thêm Tiện ích => Tìm đến HTML/Javascript và dán đoạn code sau vào.

code like fanpage facebook cho blog

=>Thay đổi các thông số sau cho phù hợp với blog của bạn.

Thay https://www.facebook.com/lapmangfpthanoivietnam thành link Fanpage Facebook của bạn
width=245 là độ rộng của khung
height=270 chiều dài khung

Mẫu 2: Mẫu khung like fanpage facebook động cực đẹp và mượt:

<style>
/*Facebook Like */
.slide_likebox {
    float:right;
    width:247px;
    height:385px;
    background: url('http://nguoibaclieu.com/diendan/styles/images/fb.png') no-repeat !important;
    display:block;
    color:#FFFFFF ;
    right:-205px;
    padding:0;
    position:fixed;
    top: 170px;
    z-index:1002;
}
 
.slide_text {
    font-family: Geneva, Verdana, sans-serif;
    font-size: 8px;
    padding-left: 10px;
    text-decoration: none;
    color: #FFFFFF;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
        jQuery.noConflict();
            jQuery(function (){
                jQuery(".slide_likebox").hover(function(){
                jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
                },function(){
                    jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
                    },500);
            return false;
        });
</script>
<div class="slide_likebox" style="right: -205px; ">
 <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<div class="FB_Loader">
</div>
<span><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/nguoibaclieuforum&width=200&colorscheme=light&show_faces=true&stream=false&header=false&height=380" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:380px;" allowtransparency="true"></iframe></span></div>
</div>

like fanpage facebook

=>Thay đổi các thông số sau cho phù hợp với blog của bạn.

Tải file.js về và up lên host của bạn để tránh dielink nhé
Thay https://www.facebook.com/lapmangfpthanoivietnam thành link Fanpage Facebook của bạn
width=200 là độ rộng của khung
height=385 chiều dài khung

(*) Trên đây là 2 mẫu code thủ thuật thông dụng mà các blogger hay sử dụng nhất,xin chia sẻ tới các bạn.

**** Chúc các bạn thành công !

Chú ý: Đón đọc bài viết về code auto like facebook (Tự động like)