Hướng dẫn tạo trang chờ chuyển hướng ( Redirect Page ) cho blogger

by 10:16:00 AM 6 nhận xét
Đối với một website có nhiều bài viết trích dẫn link nguồn hoặc link download thì việc tạo một trang chờ chuyển hướng là vô cùng quan trọng vì nó giúp giải quyết toàn bộ link out gây ảnh hưởng xấu đến SEO. Nhưng đối với blogger thì phải làm như thế nào? Sau đây mình xin chia sẻ cách làm cực kì đơn giản, cách làm này mình cũng thực hiện cho blog này :D

Hướng dẫn tạo trang chờ chuyển hướng ( Redirect Page ) cho blogger

Các bạn thực hiện theo các bước sau:

1 Tạo trang chờ chuyển hướng (Bạn làm theo các bước như trong hình)

Bạn đăng nhập admin Blogger => Chọn tab Trang => Chọn Tab Trang mới để tạo một trang mới
Tại tab tạo Trang mới bạn làm theo các bước như trong hình trên, bước 5 bạn copy đoạn code bên dưới:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
 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("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>
<br />
<div>
<h3>
Bạn vừa nhấp vào một liên kết không thuộc <b>www.obinb.com</b>, trang sẽ tự chuyển sang liên kết bạn vừa nhấp sau <span id="timecount"></span> giây!</h3>
<div>
Liên kết bạn muốn đến:</div>
<div>
<span id="linkout"></span></div>
<div class="link-out-btn">
Click vào đây để chuyển trang ngay và luôn!</div>
</div>
Lưu ý: Trong đoạn code trên
- var time = 20 nghĩa là thời gian chờ chuyển là 20 giây, bạn có thể thêm hoặc bớt
- Bạn sửa nội dung www.obinb.com theo ý bạn
- Styles page này bạn tự chỉnh tùy ý.

Sau đó bạn xuất bản page, khi xuất bản bạn được link có dạng như sau:
 http://www.obinb.com/p/blog-page_3.html
2 Cách sử dụng

Cách sử dụng rất đơn giản, khi chèn link bạn chỉ cần thêm vào trước link out như sau:
Link out ban đầu : http://linkout-page.com
Link out sau khi thêm: http://www.obinb.com/p/blog-page_3.html?t=http://linkout-page.com
Nghĩa là sau khi click vào link out bạn vừa chèn, thì tự động chuyển sang trang chờ chuyển hướng bạn vừa tạo.
Các bạn có thể xem Demo

Rất đơn giản phải không nào? Chúc các bạn thành công!


- Tạo widget Bài Viết Mới Nhất (Recent Post) có ảnh thumbnail cho Blogger
- Hướng dẫn upload file js, css hay images lên Google Drive sử dụng cho Blogger hoặc website
- Ebook hướng dẫn cách tạo và chỉnh sửa một Blogger Templates
- Cách gắn breadcrumbs cho blogger
- Hướng dẫn gắn các thẻ meta OpenGraph vào blogger
- Hướng dẫn sửa lỗi cấu trúc dữ liệu (Structured Data) trong Blogger 

6 comments:

  1. Chào bạn !
    Mình muốn tạo 1 trang tương tự như cách trên của bạn nhưng là trang download trung gian giống như các website wordpress được o bạn ? Cám ơn !

    ReplyDelete
    Replies
    1. độ tùy biến của Wordpress thì hơn hẳn blogger nhé bạn, nên việc tạo một trang chuyển hướng tương tự là hoàn toàn có thể. Với code js đơn giản trong bài viết này bạn cũng có thể tự tạo cho mình trang chuyển hướng trên Wordpress. Thanks.

      Delete
  2. Mình đã làm theo bạn được rồi nhưng mặc định nó chuyển về trang gốc có tên miền .blogspot, vậy bạn cho mình hỏi tiếp là làm sao cho nó chuyển hướng quay về trang chủ sau thời gian chờ đợi. Thanks Bạn !

    ReplyDelete
    Replies
    1. Hi bạn, mình chưa rõ cách làm cũng như ý câu hỏi của bạn. Làm trang đợi chuyển hướng là để tự động chuyển hướng link out ( Link đến website khác) sau thời gian chờ đợi. Bạn đặt câu hỏi "làm sao cho nó chuyển hướng quay về trang chủ sau thời gian chờ đợi" mình không hiểu lắm. Nếu ý bạn là muốn cho người xem có thể quay về trang chủ thì rất đơn giản, bạn tạo thêm một đường link về trang chủ tại trang đó để người xem click vào. Thanks.

      Delete
    2. Tại mình muốn làm trang download thôi chứ o phải là link tới trang khác, nếu sao 1 thời gian đợi mà người ta không down thì nó quay về trang chủ, có điều khi mình làm giống bạn thì link cần cho download thì nó bị mờ phải quét khối dán vô trình duyệt nó mới hiểu. Mong bạn thông cảm vì mình o phải dân IT nên tự học qua các web hướng dẫn trên mạng thôi. Nếu bạn o phiền thì vô blog cuongcad.tk của mình ở bài viết "Mẫu cửa cổ điển cực đẹp" sẽ thấy. Cám ơn bạn!

      Delete
    3. Để tự động trở về trang chủ bạn chỉ cần đổi link http://linkout-page.com trong bài hướng dẫn thành link trang chủ của bạn là được.
      Để đổi text link download thành link thì bạn làm như sau:
      - Tìm đoạn code sau:
      $('#linkout').text(page);
      - Đổi thành đoạn code sau:
      $("#linkout").html("<a href="+page+" >"+page+"</a>");
      Chúc bạn thành công

      Delete