Tạo trang chuyển hướng khỏi Blog cho Blogspot - NTLRUBY -->
Tạo trang chuyển hướng khỏi Blog cho Blogspot Tạo trang chuyển hướng khỏi Blog cho Blogspot
  • Tạo trang chuyển hướng khỏi Blog cho Blogspot

       Có vẽ như rất nhiều bạn tạo Blog chia sẻ tài liệu, share Template .v.v...thường tìm những trang rút gọn link để kiếm tiền. Kiểu đặt link rút gọn mình cảm thấy bị phụ thuộc. Không biết trang rút gọn link đấy đóng cửa lúc nào. Khi đó lại phải tìm lại những bài đã đặt link mà sửa. Nên thôi, mình thì chọn cách gà mình mình nuôi 😊. Tạo trang chuyển hướng ra khỏi Blog cho riêng mình và thả gà vào đấy.

    Thủ thuật blogspot

       Bài này mình chia sẻ với các bạn cách tạo trang chuyển hướng ra khỏi Blog. Mình đang áp dụng trên  Blog này cho bạn nào cần nhé!

       Nội dung trang chuyển hướng sẽ như hình dưới đây:
    Thủ thuật Blogger


       Chúng ta bắt đầu, chỉ với 2 bước đơn giản!

    Tạo trang chuyển hướng khỏi Blog cho Blogspot

       Bước 1: Tạo Trang

       Các bạn vào trang quản trị Blogger -> Trang -> Trang mới đặt tên trang là "Chuyển hướng khỏi Blog". Rồi chuyển sang chế độ HTML, copy và dán đoạn code dưới đây vào.

    <script> 

      function getQueryVariable(variable)   {       

        var query = window.location.search.substring(1);       

        var vars = query.split("&");       

        for (var i=0;i<vars.length;i++)     {               

          var pair = vars[i].split("=");                

          if(pair[0] == variable){return pair[1];    }       

        }       

        return(false);   }

      var time = 20; var page = getQueryVariable("ntlruby");

      function countDown()  {

        time--; gett("timecount").innerHTML = time; if(time == -1)    {

          window.location = page;     }

      }

      function gett(id)  {

        if(document.getElementById) return document.getElementById(id);

        if(document.all) return document.all.id;

        if(document.layers) return document.layers.id;

        if(window.opera) return window.opera.id;   }

      function init()  {

        if(gett('timecount'))    {

          setInterval(countDown, 1000);

          gett("timecount").innerHTML = time;

        } else{ setTimeout(init, 50); }

      }

      document.onload = init(); $(document).ready(function(){ 

        $('.link-out-btn').click(function(){    

          window.location = page;  }); 

        $('#linkout').text(page); });

    </script>

    <script>

      function closeWindow() {        

        window.open('','_parent','');        

        window.close();    

      }

    </script>

    Bạn vừa nhấp vào một liên kết không thuộc <b><a href="https://www.ntlruby.com/">NTLRUBY</a>.</b>  Liên kết bạn muốn đến là: <code><span id="linkout"></span></code> <br /> Trang sẽ tự chuyển sang liên kết trên sau <b><span id="timecount" style="color: red;"></span></b> giây! <br /><div style="text-align: center;"> <button class="link-out-btn" id="button1">Đồng ý</button> <button id="button2" onclick="javascript:closeWindow();">Từ chối</button> </div>

    <style>

      #button1 {    

        color: #FFF;

        padding: 0 20px;

        margin: 10px 0 5px 0;

        cursor: pointer;

        background-color:#4d90fe;

        box-shadow: 0px 4px 0px 0px #0f53c0;

        border:1px solid #357ae8;

        border-radius:3px;

        text-shadow:0px 1px 0px #00317f;

    }

      #button1:hover {

        background-color:#357ae8;

    }

      #button1:active {

        position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;

    }

      #button2 {

        color: #FFF;

        padding: 0 20px;

        margin: 10px 0 5px 0;

        cursor: pointer;

        background-color:#fe4d4d;

        box-shadow: 0px 4px 0px 0px #c00f0f;

        border:1px solid #e83535;

        border-radius:3px;

        text-shadow:0px 1px 0px #7f0000;

    }

      #button2:hover {

        background-color:#d12020;

    }

      #button2:active {

        position:relative;top:2px;box-shadow: 0px 2px 0px 0px #c00f0f;

    }

    </style>
       Trong đó các bạn thay link và tên Blog của mình (tô màu vàng) thành link và tên Blog của các bạn. Và số 20 (tô màu đỏ) là thời gian điếm ngược tự động chuyển hướng. Các bạn có thể thay đổi theo ý của mình.
       Tắt hiển thị bình luận trang (ở phần cài đặt bên phải)

       Sau đó bấm "Xuất bản"

       Bước 2: Thêm JavaScript tự động bắt các liên kết ngoài

       Sau khi tạo trang xong, các bạn trở ra trang quản trị Blogger -> Chủ đề -> Chỉnh sửa HTML. copy và dán đoạn JavaScript bên dưới vào trước thẻ </body>

      <script type='text/javascript'>

    //<![CDATA[

    /* Redirector */

    (function(b){window.top.location.href.includes("/chuyen-huong-khoi-blog.html")||b.filter(function(a){return!a.hasAttribute("imageanchor")&&!a.href.startsWith("https://www.ntlruby.com/")&&5<a.href.length}).map(function(a){a.href="/p/chuyen-huong-khoi-blog.html?ntlruby="+(a.href);a.rel="nofollow noopener"})})(Array.from(document.querySelectorAll(".post-body a")));

    //]]></script>
       Trong đoạn JavaScript này các bạn thay link Blog của mình (tô màu vàng) thành link Blog của các bạn.
       Kiểm tra xem link trang vừa tạo giống với phần link mình tô màu đỏ không nhé. Nếu không giống thì sửa lại cho giống.
    Lưu Template lại và ra xem kết quả.

    Các bạn xem qua video mình làm chậm từng bước để dễ thực hành hơn nhé!

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

  • Bài Viết Liên Quan

    Vui lòng đăng nhập tài khoản tương ứng trên trình duyệt của bạn trước khi bình luận!

    Google

    Zalo

    Không có nhận xét nào :

    Đăng nhận xét

    Hãy đánh dấu vào "Thông báo cho tôi" trước khi gửi bình luận để nhận được thông báo khi Admin trả lời!

NTLRUBY

Đăng ký kênh để ủng hộ NTLRUBY và xem những video thị phạm code nhé!