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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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

Gefreiter
Tham gia
15/03/2015
Bài viết
82
Được Like
43
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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

Gefreiter
Tham gia
15/03/2015
Bài viết
82
Được Like
43
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
à 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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
cứ bấm vào hình là nó mất :))
 

dinhhai

MasterCorporal
Tham gia
28/07/2015
Bài viết
399
Được Like
198
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

Sergeant
Tham gia
30/11/2015
Bài viết
626
Được Like
543
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

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
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

MasterCorporal
Tham gia
28/07/2015
Bài viết
399
Được Like
198
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

Private
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

Private
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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

Private
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

Private
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
 

QUOCCHU86

Private
Tham gia
26/09/2021
Bài viết
10
Được Like
1
Xin lỗi vì đã lôi topic lên
Nhưng mình làm theo hướng dẫn, làm đi làm lại vẫn không thấy chạy hiện ra gì
Xin hỏi có bạn nào chạy được rồi có thể chỉ cho mình với được không
Xin cảm ơn nhiều
 

QUOCCHU86

Private
Tham gia
26/09/2021
Bài viết
10
Được Like
1
Update:
Mình đã thấy hiển thị lên
Còn thiếu cái nút Đóng và nhấn phím ESC để thoát quảng cáo
Bạn nào làm được mình trả phí nhé
Xin cảm ơn
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom