Thảo luận Chèn hộp like facebook cho xenforo đẹp

Dưới đây mình sẽ hướng dẫn các bạn chèn hộp like facebook (Find us on Facebook)
Muốn cho thật tiện thì mình sẽ đặt box like ở vị trí bên trái.

​

Truy cập ACP theo đường dẫn​

Appearance
Widget Framework
Trong ô HTML chèn đoạn code bên dưới:

HTML:

<style>
#facebook_div{
width:300px;
height: 271px;
overflow: hidden;}
#facebook_left{
z-index: 100;
border: 2px solid #3B5998;
background-color: #fff;
width: 300px;
height: 271px;
position: fixed;
left: -308px;
border-radius:3px 3px 3px 3px;
}
#facebook_left img {position: absolute;top: 5px;left: 300px;}
#facebook_left div .fb-like-box {border:0px solid #3c95d9;overflow: hidden;position: static;height: 310px;right:-2px;top:-3px;}
</style>
<script src="[B][COLOR=#ff0000]/js/likefb/jquery.min.js[/COLOR][/B]"></script>
<script type="text/javascript">
var vnd = jQuery.noConflict();
</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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>
    vnd(document).ready(function () {
    vnd("#facebook_left").hover(function () {
    vnd(this).stop(true, false).animate({ left: 0 }, 500);
    },
    function () {
    vnd("#facebook_left").stop(true, false).animate({ left: -308 }, 500);
    });
    });
</script>
<div id="facebook_left" style="top: 30%;">
    <div id="facebook_div">
        <img src="[B][COLOR=#ff0000]/js/likefb/facebook-like.png[/COLOR][/B]" alt="facebook like" />
        <div class="fb-like-box" data-href="https://www.facebook.com/[B][COLOR=#ff0000]photoshoponline[/COLOR][/B]" data-width="300″ data-height="400″ data-show-faces="true" data-stream="false" data-header="true"></div>
    </div>
</div>

- Thay /js/likefb/jquery.min.js thành url diễn đàn của bạn
- Thay link ảnh /js/likefb/facebook-like.png like facebook đính kèm.
- Thay photoshoponline thành page của bạn
- Tại dòng Position:
hook:ad_sidebar_bottom

 

Mình mới vọc Xfr, cho hỏi: ô HTML ở đâu?

 

cài widget framework vào, mới vọc thì bỏ thời gian ra mà nghiên cứu, mấy cái đó quá cơ bản giờ chả ai chỉ đâu

 

Cảm ơn bạn đã type trả lời.

 

Dùng fb cũng tiện tương tác tốt