FanBox Facebook cho XenForo

[PVS]

FanBox Facebook cho XenForo

1. Trước tiên các bạn vào Templates PAGE_CONTAINER trong ACP thêm vào phía trên thẻ </body> đoạn code dưới đây:

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 60px;"><div class="FB_Loader"></div><span><iframe src="https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/vnxf.vn&amp;width=370&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=300" scrolling="no" frameborder="0" style="border:none !important; overflow:hidden; width:340px; height:200px;" allowTransparency="true"></iframe></span></div></div>

• Chú Ý: Nhớ thay

  https://www.facebook.com/vnxf.vn

  thành link fanpage facebook của bạn
• Xong rồi save lại

2. Vào Templates EXTRA.css thêm vào đoạn code này:

/*** facebook fanbox ***/

.slide_likebox { -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; right:-380px; !important; } .slide_likebox:hover { -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; right: 0 !important; } .slide_likebox { float:right; width:430px; height:330px; background: url(images/fanbox5.png) no-repeat !important; border-radius: 10px 0 0 0; display:block; color:#FFFFFF ; right:-380px; padding:0; position:fixed; top: 160px; z-index:1002; } .slide_text { font-family: arial; font-size: 8px; padding-left: 10px; text-decoration: none; color: #FFFFFF; }

• Save lại là xong.
• Vậy là xong rồi đấy! F5 lại trang và xem thành quả
• Chú ý: upload file đính kèm lên host vào folder images nha, nếu host chưa có thì tạo hoặc nếu upload file đính kèm chỗ khác thì phải thay đổi code đoạn

  url(images/fanbox5.png)

Demo:

​

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

Nguồn: mamcongnghe.com​

 

[CNTT01]

mới sang web kia thấy cái này xong,up nào !