26-07-2013, 03:50 AM
Demo: http://haiquan.info (bên phải)

Các bước thực hiện:
vào css tạo một Stylesheet mới
File name: fb_style.css
Write my own content
tối nay ngồi mò cách dễ nhất cho bạn nak nhak
---B1: trước tiên bạn vào https://developers.facebook.com/apps
chọn creat new app ( ở góc phải) .. nếu bạn từng tạo rồi thì oki...( coi như bạn đã tạo ùi nhé.... qua bước 2)
--B2: vào https://developers.facebook.com/docs/ref.../like-box/
nhấn Get code:
có 2 box.... box1 mà mã scrip cho ID của mình, box 2: code chèn trên diễn đàn
B3: cái dòng code ta chèn vào footer như sau:
===========================
<!--Facebook Page-->
<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 id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=109418542585976";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><div class="FB_Loader"></div><span><div class="fb-like-box" data-href="https://www.facebook.com/TCHQ.CFC" data-width="292" data-height="350" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false"></div></span></div></div>
<!--/Facebook Page-->
=====================================
trong đó dòng màu đỏ
bạn thay bằng mã scrip cho ID bạn ( trong box 1 đề cập ở trên
====Còn dòng màu xanh
bạn có thể để nguyên chỉ thay link đến page fb của bạn nhé
https://www.facebook.com/TCHQ.CFC
==============
Chúc bạn thành công
Các bước thực hiện:
vào css tạo một Stylesheet mới
File name: fb_style.css
Write my own content
Code:
.slide_likebox {
float:right;
width:247px;
height:385px;
background: url(https://lh5.googleusercontent.com/-aBkUvthAWfk/Ud0LiTt-UyI/AAAAAAAABP4/-lt6nEv-tsc/w247-h383-no/fbslide.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;
}
tối nay ngồi mò cách dễ nhất cho bạn nak nhak
---B1: trước tiên bạn vào https://developers.facebook.com/apps
chọn creat new app ( ở góc phải) .. nếu bạn từng tạo rồi thì oki...( coi như bạn đã tạo ùi nhé.... qua bước 2)
--B2: vào https://developers.facebook.com/docs/ref.../like-box/
nhấn Get code:
có 2 box.... box1 mà mã scrip cho ID của mình, box 2: code chèn trên diễn đàn
B3: cái dòng code ta chèn vào footer như sau:
===========================
<!--Facebook Page-->
<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 id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=109418542585976";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><div class="FB_Loader"></div><span><div class="fb-like-box" data-href="https://www.facebook.com/TCHQ.CFC" data-width="292" data-height="350" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false"></div></span></div></div>
<!--/Facebook Page-->
=====================================
trong đó dòng màu đỏ
Trích dẫn: Đã viết:<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=109418542585976";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
bạn thay bằng mã scrip cho ID bạn ( trong box 1 đề cập ở trên
====Còn dòng màu xanh
Trích dẫn: Đã viết:<div class="fb-like-box" data-href="https://www.facebook.com/TCHQ.CFC" data-width="292" data-height="350" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false"></div>
bạn có thể để nguyên chỉ thay link đến page fb của bạn nhé
https://www.facebook.com/TCHQ.CFC
==============
Chúc bạn thành công