Hướng dẫn làm trang chuyển hướng đợi thời gian cho Blogspot

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.daohuyhoang.com/">daohuyhoang.com</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.daohuyhoang.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ả.

Xem thêm:

khoảng trắng