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: 

Mẫu chuyển hướng sang đường link cần chuyển đến
Mẫu chuyển hướng trước khi đến với đường link cần chuyển đến

Đế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ờ:

Mẫu chuyển hướng sau khi tùy chỉnh thêm bớt banner quảng cáo
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://www.pkientruc.com/
Thì lúc này bạn sẽ chỉnh đường link như sau


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 ý thêm cho các bạn có một trang chuyển hướng hoàn hảo:

  • 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

8 Comments

✪★ Chèn link ảnh/video trực tiếp vào khung bình luận để hiển thị hình ảnh hay video cho phần nội dung.
✪★ Nếu tải file mẫu không được, vui lòng để lại nhận xét vào khung bình luận bên dưới để được hỗ trợ nhé .

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

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

      Delete
    2. Bạn còn giữ không cho mình xin!
      Mình cám ơn!

      Delete
    3. Bạn làm theo tuần tự 03 bước trên là thành công thôi nhé...
      -Tạo trang mới
      -Chép đoạn code trên paste vào trang đó
      -Lấy link và tao địa chỉ để chuyển hướng: ?t=
      Chúc bạn làm thành công nhé ❄️😁

      Delete
    4. GIẢ SỬ MỖI BÀI VIẾT MÌNH CÓ 1 LINK THÌ PHẢI LÀM 1 CÁI NHƯ NÀY À BẠN?

      Delete
    5. Rất dễ bạn á...bạn đọc kỹ bước số 3 nhé..))
      -Với mỗi link khác nhau thì bạn chỉ việc thay link đích cần chuyển đễn phía sau đoạn như bên dưới thôi:
      https://www.bietko.com/p/chuyen-huong.html?t=
      Chúc bạn làm thành công nhé 🌟🤩👍

      Delete
  2. Ad web này bằng blog phải k ạ. Bh mới được đky adsense v ad. E lỗi miết à

    ReplyDelete
    Replies
    1. Hi bạn,
      Đúng rồi đó bạn. Trang mình làm trên nền tảng blog thôi.
      Trang của bạn làm về đề tài gì vậy..Bạn có thể để lại đường dẫn trang của bạn ở đây không thì mình mới góp ý được nhé..⭐
      p.s Nội dung tốt và giao diện trang dễ nhìn thì sẽ dễ đăng ký được hơn

      Delete
Previous Post Next Post