Header ads

Cách tạo trang chuyển hướng nhanh chóng cho blogger

Blog mình tạo có các mục chia sẽ file và gắn các link rút gọn để kiếm tiền mà ngặt nỗi các trang này lần lượt đóng của như 123 link, link 5s, ouo -io..Nên mình quyết định không chơi nữa.

Nay tình cờ thấy được đoạn script rất hay là tạo được các trang chuyển hướng ra ngoài rất chuyên nghiệp mà chức năng cuangx tương tự như link rút gọn kiếm tiền vậy. Mình áp dụng vào blog ngay và luôn



Mẫu chuyển hướng gốc: 


Đến đây thì sẽ có bạn thắc mắc là nó có gì đặc biệt đâu. Mình xin nói luôn là nếu mà mình chèn thêm các đơn vị quảng cáo ở trên hay dưới thì các bạn sẽ hiểu ra ngay ấy mà

Ví dụ một demo mình đã chèn cho trang chia sẽ tài liệu rồi ở đây cho các bạn hình dung nhé

Tùy biến thêm bớt các đơn vị quảng cáo hay hình ảnh trong lúc chờ:

Cài đăt trang chuyển hướng cho trang pkientruc. Các bạn có thể xem:  demo ở đây

Sau khi mình chèn xong các bạn thấy có đẹp không nào, nó gần như giống với các đường link rút gọn mà mình tham gia trước đây như 123-link, licklink hay link-5s cũng vậy

Cách làm cũng rất đơn giản với 3 bước sau:


1. Bước 1: Các bạn tạo một trang mới và chuyển sang khung soạn thảo Html, chép và dán hết đoạn code bên dưới vào và lưu lại nhé

Mình đặt tên chuyen-huong cho dễ nhớ

<style> #button1 {     background-color: #4CAF50;     border: none;     border-radius: 4px;     color: white;     padding: 7px 14px;     text-align: center;     text-decoration: none;     display: inline-block;     font-size: 14px;     cursor: pointer; } #button2 {     background-color: #008CBA;     border: none;     border-radius: 4px;    color: white;     padding: 7px 14px;     text-align: center;     text-decoration: none;     display: inline-block;     font-size: 14px;     cursor: pointer; } .footer-credits{display:none;} </style> <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 = 30; var page = getQueryVariable("t"); 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.bietko.com/">Biet KHONG</a></b> Trang sẽ tự chuyển sang liên kết bạn vừa nhấp sau <span id="timecount"></span> giây! Liên kết bạn muốn đến: <span id="linkout"></span> <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>

2. Bước 2: Các bạn thay url và tên của trang web các bạn vào phần màu đỏ ở trên nhé
Bây giờ mình sẽ có một trang chuyển hướng như vậy:


3. Bước 3 : Các bạn thêm dòng ?t=<địa-chỉ-muốn-đến>  theo sau trang chuyển hướng trên thành

Giả sử bạn muốn chuyển đến trang đích là : https://p.townarchi.com/
Thì lúc này bạn sẽ chỉnh đường link như sau

https://www.bietko.com/p/chuyen-huong.html?t=https://p.townarchi.com/

Lúc này thì khi một user click vào link trên sẽ dẫn đến một trang chuyển hướng mà các bạn cài ở bước 1 
Vậy là xong nhé. CHúc các bạn làm thành công

Một vài điểm lưu ý:

  • -Tùy chỉnh khung thời gian chờ từ 30s thành thời gian chờ thích hợp của các bạn
  • -Có thể tùy chỉnh các phần quảng cáo giống như các link rút gọn mà chúng ta thường thấy

Tham khảo code: vietblogdao.com

Ý Kiến- Bình Luận

2 Comments

  1. https://l.hungcoder.com?t=https://bietko.com 😄

    ReplyDelete
    Replies
    1. Code bạn chỉnh ra trông chất quá. ))

      Delete

Hãy cho biết ý kiến của các bạn ở đây