Tạo Facebook Like Box dạng popup (With Cookies)

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Tạo Facebook Like Box dạng popup (With Cookies)

CÁCH LÀM
1. Tải đính kèm về máy và giải nén
2. Mở file fb.html bằng Notepad (hoặc Notepad++)
3. Tìm vnxf.vn và thay thế thành id fanpage của bạn
4. Sửa file bg.png trong folder img (nếu thích :-")
5. Upload folder fblike lên root
6. Vào AdminCP > Appearance > Templates
Tạo 1 template mới tên thh_fblike
Nội dung template
Mã:
<script src="fblike/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="fblike/colorbox.css" />
<script type="text/javascript">
    function loadpopunder(){
    $(document).ready(function(){
        $.fn.colorbox({href:"fblike/fb.html",open:true});
      });
    };
</script>
<script type="text/javascript">
var once_per_session=1 ;
function get_cookie(Name) {
  var search = Name + "=" ;
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search) ;
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
        end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end)) ;
      }
  }
  return returnvalue;
}
function loadornot(){
    if (get_cookie('popunder')==''){
        loadpopunder()
        //set expired time out cookie for 2 hours
        var today = new Date();
        today.setTime( today.getTime() );
        expires = 1000 * 60 * 60 * 24 ;
    //    expires = 1000  ;
 
        var expires_date = new Date( today.getTime() + (expires) );
        document.cookie="popunder=yes" + ";expires=" + expires_date.toGMTString();
    }
}
    if (once_per_session==0)
      loadpopunder() ;
    else
      loadornot() ;
</script>

7. Thêm vào cuối template forum_list
Mã:
<xen:include template="thh_fblike" />

Demo:

untitled.PNG



Nguồn: vxf.vn​
 

Đính kèm

  • upload.zip
    64.7 KB · Lượt xem: 92

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
bạn xem lại hướng dẫn kỹ nha, demo là do mình tự làm được nên không sai đâu
 

namlunthkl

Private
Tham gia
09/07/2015
Bài viết
2
Được Like
1
À, hóa ra cái script box của ad có dòng credits phía dưới và gộp toàn bộ script thành 1 hàng nên mấy dòng comment nó bị lẫn vào script :) Giờ thì nó chạy rồi :) cảm ơn ad!!
 
  • Like
Reactions: THB

Minh Đức

Gefreiter
Tham gia
15/03/2015
Bài viết
82
Được Like
43
Cái này mà làm cho nó nhỏ lại và tùy chỉnh theo Di động thế nào vậy Ad.
 
  • Like
Reactions: THB

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

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