Popup quảng cáo giữa trang xenforo

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,207
Được Like
9,096
Hôm nay rảnh mình share cho các bạn popup quảng cáo giữa trang áp dụng cho mã nguồn xenforo, các bạn có thể dùng nó ra các mã nguồn khác để sử dụng vẫn ok.

Cách làm như sau:
Vào template: page_container, copy hết đoạn code sau dán vào bên trên thẻ </head>
Mã:
<!-- --- popup ------>
<style type="text/css">
    #floating
    {
        z-index: 9999999;
        position: absolute;
        width: 600px;
        height: 420px;
        border: 0px !important;
    }
    #overPage
    {
        background: black;
        z-index: 9999999;
        position: absolute;
        left: 0;
        top: 0;
    }
</style>

<div id="ctl00_ContentPlaceHolder1_Adv_Popup_pnAdv" style="display:none">
    <div id="overPage">
    </div>
  <div id="floating" >
        <a href="javascript:closeMe();">
            <!--<div style="margin:0 auto;background:url(http://vnxf.vn/styles/BANNER8X1.png) no-repeat center 0;width:690px;height:345px"></div>-->
          
        </a>
        <p style="float: right; position: relative;top:0px; left:14px">
            <a href="javascript:closeMe();"><img src="http://vnxf.vn/styles/BANNER8X1.png"/></a>
        </p>
  </div>
</div>

<script language="javascript" type="text/javascript">
    function opennew(){
        var expire=new Date();
        expire=new Date(expire.getTime()+30000);
        document.cookie="VFGEN-FORUM=here; expires="+expire;
        window.open('http://vnxf.vn/','_blank');
    }

    function GetCookie(name) {
          var arg=name+"=";
          var alen=arg.length;
          var clen=document.cookie.length;
          var i=0;
          while (i<clen) {
            var j=i+alen;
            if (document.cookie.substring(i,j)==arg)
              return "here";
            i=document.cookie.indexOf(" ",i)+1;
            if (i==0) break;
          }
          return null;
    }

    var visit=GetCookie("VFGEN-FORUM");
    if (visit==null){
      $("#ctl00_ContentPlaceHolder1_Adv_Popup_pnAdv").show();
    }
        var lastScroll;
        var delay = 30;
        var speed = 50;
        var img_w = 490;
        var img_h = 360;
        function centerIt() {
            $("#overPage").css("width", $(window).width());
            $("#overPage").css("height", $(document).height());
            $("#floating").css("left", $(window).width() / 2 - img_w / 2);
            $("#floating").css("top", $(window).height() / 2 - img_h / 2 + $(document).scrollTop());
        }
        $(document).ready(function() {
            $("#overPage").css("opacity", 0.7);
            $("#overPage,#floating").show();
            centerIt();
        });
        $(window).scroll(function() {
            setTimeout(function() { ani(); }, delay);
            lastScroll = new Date().getTime();
        });
        $(window).resize(function() {
            centerIt();
        });
        function ani() {
            if ((new Date().getTime() - lastScroll) >= (delay - 20)) {
                $("#floating").animate({ top: ($(window).height() / 2 - img_h / 2 + $(document).scrollTop()) }, speed);
            }
        }
        function closeMe() {
            $("#overPage,#floating").hide();
            opennew();
        }

</script>
<!-----------end popup---------------->

Tại code trên các bạn cần chỉnh lại các thông số sau:

Thời gian hiển thị lại sau mỗi lần đóng close chỉnh tại đoạn:
Mã:
expire=new Date(expire.getTime()+30000);

Thay link ảnh popup tại đây:
Mã:
http://vnxf.vn/styles/BANNER8X1.png

Nếu các bạn dùng 1 hình quảng cáo thì che 1 hình lại nhé, vì code trên có 2 link tương ứng với 2 quảng cáo.

Demo:

untitled.PNG

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


Nguồn: bvn.vn​
 

Minh Đức

Thượng Đế
Tham gia
15/03/2015
Bài viết
81
Được Like
42
Không thấy nút Close à bác.
Và chỗ
Nếu các bạn dùng 1 hình quảng cáo thì che 1 hình lại nhé, vì code trên có 2 link tương ứng với 2 quảng cáo.
Không hiểu lắm ạ
 
  • Like
Reactions: THB

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,207
Được Like
9,096
không có nút close, chỉ cần click ra vùng ngoài cái hình là nó tắt, còn câu dưới thì nhìn code để biết thêm chi tiết nha
 

Minh Đức

Thượng Đế
Tham gia
15/03/2015
Bài viết
81
Được Like
42
không có nút close, chỉ cần click ra vùng ngoài cái hình là nó tắt, còn câu dưới thì nhìn code để biết thêm chi tiết nha
Bấm ra ngoài nó không mất mà phải bấm vào hình nó mới chịu ý
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,207
Được Like
9,096
à mình nhầm, lâu không xài nên nhớ nhầm ^^, thì code này nó bắt buộc vậy ^^
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,207
Được Like
9,096
cứ bấm vào hình là nó mất :))
 

dinhhai

Thượng Đế
Tham gia
28/07/2015
Bài viết
393
Được Like
197
Bác @PVS thêm được đoạn mã để pop up chỉ hiển thị sau khi thành viên lượn lờ forum 10s không bác?
 

MacKen

Thượng Đế
Tham gia
30/11/2015
Bài viết
626
Được Like
540
Về nguyên tắc không nên để thẻ div trươc </head> ảnh hưởng tới seo

các bạn cut nội dung thẻ div rồi paste vào sau thẻ <body> thì tốt hơn

Còn không copy đoạn mã trên đặt trước </body> cũng được để tránh website tải chậm
 
Sửa lần cuối:

Jindo_Katori

Thượng Đế
Tham gia
01/03/2015
Bài viết
1,463
Được Like
1,200
Về nguyên tắc không nên để thẻ div trươc </head> ảnh hưởng tới seo

các bạn cut nội dung thẻ div rồi paste vào sau thẻ <body> thì tốt hơn

Còn không copy đoạn mã trên đặt trước </body> cũng được để tránh website tải chậm
Chia sẽ của bác rất ý nghĩa
Cảm ơn bác
 

dinhhai

Thượng Đế
Tham gia
28/07/2015
Bài viết
393
Được Like
197
Cơ mà có bác nào làm được pop up chỉ hiển thị sau khi thành viên lượn lờ forum 10s không các bác nhỉ?
 

tqhuy

Thượng Đế
Tham gia
30/05/2017
Bài viết
39
Được Like
8
Sao mình thêm rồi mà không thấy popup hiện nhỉ. Bác nào giúp với ạ
 

phamquangquyen

Thượng Đế
Tham gia
22/01/2018
Bài viết
45
Được Like
7
Em muốn thay cái ảnh đó bằng 1 hộp thoại nhập từ khóa tìm kiếm có được không Admin @PVS . Thanks admin!
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
13,207
Được Like
9,096
Bạn thử thay đoạn
Mã:
<img src="http://vnxf.vn/styles/BANNER8X1.png"/>

thành đoạn code mà bạn muốn xem sao.
 

phamquangquyen

Thượng Đế
Tham gia
22/01/2018
Bài viết
45
Được Like
7
Để rồi em thử, nếu OK em sẽ reply cho người nào cần thì tham khảo luôn admin @PVS ạ. Thanks admin rất nhiều!
 

H3llHydra

Thượng Đế
Tham gia
12/05/2019
Bài viết
29
Được Like
17
Của mình nó không cho sửa Page_container thì phải làm gì bác chủ topic ơi
 

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

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom