Like Fanpage Cho Xenforo

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi
PVS

PVS

Super Moderator
Thành viên BQT
Like Fanpage Cho Xenforo, đặt 1 trong 2 code sau vào template PAGE_CONTAINER. Sau đó save lại và xem kết quả.

Code hiển thị hộp Like Fanpage nằm góc dưới bên PHẢI:
Mã: 
<script type="text/javascript">
function hide_float_right() {
var content = document.getElementById('float_content_right');
var hide = document.getElementById('hide_float_right');
if (content.style.display == "none")
{content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Ẩn Like Fanpage [X]</a>'; }
else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Hiển thị Like Fanpage</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Ẩn Like Fanpage [X]</a></div>
<div id="float_content_right">
<!-- Start-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/vnxf.vn&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=230" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 230px; width: 250px;background:#fff;"></iframe>
<!-- End-->
</div>
</div>

1.png


2.png

​
Code hiển thị hộp Like Fanpage nằm góc dưới bên TRÁI:
Mã: 
<script type="text/javascript">
function hide_float_left() {
var content = document.getElementById('float_content_left');
var hide = document.getElementById('hide_float_left');
if (content.style.display == "none")
{content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Ẩn Like Fanpage [X]</a>'; }
else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Hiển thị Like Fanpage</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_left {border: 1px solid #01AEF0;}
#hide_float_left {text-align:left; font-size: 11px;}
#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="left: 0px" >
<div id="hide_float_left">
<a href="javascript:hide_float_left()">Ẩn Like Fanpage [X]</a></div>
<div id="float_content_left">
<!-- Start-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/vnxf.vn&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=200" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 250px;background:#fff;"></iframe>
<!-- End -->
</div>
</div>

3.png


4.png

​
Thay vnxf.vn thành id trang fanpage của bạn. Chúc các bạn thành công.


Nguồn: tailieu24h.net​
 
Bài viết liên quan
Biểu tượng Font Awesome 2.3 - danh mục, node, tiền tố, phrase, template, v.v. cho XenForo 2.3 bởi PVS,
[cXF] Icons in More options menu - Biểu tượng trong menu More options cho XenForo 2.3 bởi PVS,
How to Recover Posts/Threads/Messages from a Deleted User in XenForo - Cách khôi phục bài viết/chủ đề/tin nhắn từ người dùng đã xóa trong XenForo bởi PVS,
Convert WebP to PNG with Watermarking in Bulk - Chuyển đổi WebP sang PNG hàng loạt với Watermarking cho XenForo 2 bởi PVS,
xenForo Color Palette and Basic Colors: Chart with IDs - Bảng màu xenForo và các màu cơ bản: Biểu đồ có ID cho XenForo 2.3 bởi PVS,
Upgrading from XenForo 2.2 to XenForo 2.3 Guide - Hướng dẫn nâng cấp từ XenForo 2.2 lên XenForo 2.3 bởi PVS,
Bài viết mới
Biểu tượng Font Awesome 2.3 - danh mục, node, tiền tố, phrase, template, v.v. cho XenForo 2.3 bởi PVS,
[cXF] Icons in More options menu - Biểu tượng trong menu More options cho XenForo 2.3 bởi PVS,
How to Recover Posts/Threads/Messages from a Deleted User in XenForo - Cách khôi phục bài viết/chủ đề/tin nhắn từ người dùng đã xóa trong XenForo bởi PVS,
Sử dụng Checkip.me thay thế whatismyipaddress để kiểm tra thông tin nhanh và nhiều thông tin hơn bởi Cuibapvn,
Hỏi cách để hiển thị ở trang home như ảnh bởi novelupdatedow,
Convert WebP to PNG with Watermarking in Bulk - Chuyển đổi WebP sang PNG hàng loạt với Watermarking cho XenForo 2 bởi PVS,
còn cái like như kiểu nó bám trên góc trái or phải thì làm sao, như cái hộp hình facebook quay 90 độ xuống nằm trên góc trái 1 thì làm sao ạ
 
PVS nói:
Like Fanpage Cho Xenforo, đặt 1 trong 2 code sau vào template PAGE_CONTAINER. Sau đó save lại và xem kết quả.

Code hiển thị hộp Like Fanpage nằm góc dưới bên PHẢI:
Mã: 
<script type="text/javascript">
function hide_float_right() {
var content = document.getElementById('float_content_right');
var hide = document.getElementById('hide_float_right');
if (content.style.display == "none")
{content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Ẩn Like Fanpage [X]</a>'; }
else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Hiển thị Like Fanpage</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Ẩn Like Fanpage [X]</a></div>
<div id="float_content_right">
<!-- Start-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/vnxf.vn&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=230" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 230px; width: 250px;background:#fff;"></iframe>
<!-- End-->
</div>
</div>

Code hiển thị hộp Like Fanpage nằm góc dưới bên TRÁI:
Mã: 
<script type="text/javascript">
function hide_float_left() {
var content = document.getElementById('float_content_left');
var hide = document.getElementById('hide_float_left');
if (content.style.display == "none")
{content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Ẩn Like Fanpage [X]</a>'; }
else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Hiển thị Like Fanpage</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_left {border: 1px solid #01AEF0;}
#hide_float_left {text-align:left; font-size: 11px;}
#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="left: 0px" >
<div id="hide_float_left">
<a href="javascript:hide_float_left()">Ẩn Like Fanpage [X]</a></div>
<div id="float_content_left">
<!-- Start-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/vnxf.vn&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=200" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 250px;background:#fff;"></iframe>
<!-- End -->
</div>
</div>

Thay vnxf.vn thành id trang fanpage của bạn. Chúc các bạn thành công.


Nguồn: tailieu24h.net​
Nhấn để mở rộng...
Nó không nhớ lựa chọn hả bạn, mỗi lần qua trang khác lại mở lên
 
2,653 3 3
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Chủ đề tương tự

THB
video07 - hướng dẫn chèn fanpage facebooks vào widget trong xenforo
Trả lời
11
Lượt xem
4K
minmaxpro
minmaxpro
L
Video hướng dẫn tạo Box fanpage cho xenforo
Trả lời
0
Lượt xem
2K
Lê Thanh Giảng
L
PVS
Tutorial 2x Biểu tượng Font Awesome 2.3 - danh mục, node, tiền tố, phrase, template, v.v. cho XenForo 2.3
Trả lời
1
Lượt xem
189
nikereupvideo
N
PVS
Tutorial 2x [cXF] Icons in More options menu - Biểu tượng trong menu More options cho XenForo 2.3
Trả lời
0
Lượt xem
118
PVS
PVS
PVS
Tutorial 2x How to Recover Posts/Threads/Messages from a Deleted User in XenForo - Cách khôi phục bài viết/chủ đề/tin nhắn từ người dùng đã xóa trong XenForo
Trả lời
0
Lượt xem
2K
PVS
PVS

Dịch vụ XenForo của VNXF

anhanhxf     0906081284
silzedt_1207          Inbox   PVS

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top