Chuyển hướng tự động (auto redirect) là gì? Là việc khi người dùng xem một trang web thì được chuyển sang một trang web với url khác. Ví dụ, khi truy cập minhquydesign.blogspot.com thì được chuyển hướng tới minhquydesign.com. Trong trường hợp này người dùng gõ vào thanh địa chỉ là minhquydesign.blogspot.com nhưng sau khi được chuyển hướng (redirect) thì địa chỉ trên thanh địa chỉ trình duyệt sẽ chuyển sang minhquydesign.com bằng cách thêm đoạn HTML vào Template trang minhquydesign.blogspot.com.
Tự đông chuyển hướng Blogspot để làm gì?
- Thay đổi địa chỉ trang web: Khi dùng trang web với tên miền mới và không sử dụng trang web cũ nhưng muốn người dùng truy cập trang cũ sẽ vào trang web mới.
- Bạn muốn một trang nào đó được redirect sang trang bạn muốn.
- Chuyển hướng Trang chủ sang trang Bài viết.
- Khi bạn không muốn sử dụng Blogspot nữa và chuyển sang một nền tảng mới.
Hướng dẫn tự động chuyển hướng cho Blogger (Blogspot)
Cách 1: Chuyển hướng bằng cách ghi tên miền trực tiếp lên website cũ cho người dùng biết đã chuyển qua trang web mới
Cách 2: Sử dụng thẻ META của HTML
Ví dụ trang một trang với nội dung HTML như sau:
<html> <head> <meta http-equiv="refresh" content="5;url=http://minhquydesign.com/"> </head> <body> ... </body> </html>
Content=”5″ chính là sau thời gian 5 giây nó sẽ chuyển hướng qua trang web có địa chỉ minhquydesign.com
Cách 3: Sử dụng cơ chế Timeout của Javascript
<html> <head> <script type="text/javascript"> <!-- function delayer(){ window.location = "http://www.new-url.com/" } //--> </script> </head> <body onLoad="setTimeout('delayer()', 15000)"> <h2>Prepare to be redirected after 15 second(s)!</h2> </body> </html>
Cách này sẽ làm trang web chậm hơn một chút nhưng vẫn phải dùng bởi vì nó sẽ tốt, chính xác hơn dùng meta.
Dưới đây là code đếm ngược sử dụng JavaScript được mình sửa lại để phù hợp với Template blogspot và không báo lỗi.
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr'> <head> <script type="text/javascript"> var time = 5; //How long (in seconds) to countdown var page = "http://www.minhquydesign.com/"; //The page to redirect to function countDown(){ time--; gett("container").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('container')){ setInterval(countDown, 1000); gett("container").innerHTML = time; } else{ setTimeout(init, 50); } } document.onload = init(); </script> <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- //////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////// ---------------------------------------------- ]]></b:skin> </head> <body> <center><h1> Redirect minhquydesign.com </h1></center> <h2>chuyển hướng sau <span id="container"></span> second(s)!</h2> <!--S--> <div style='margin-top:300px; '> <center> <p class='author'>© <b>Copyright by </b><a href='https://minhquydesign.com/'> Minh Quy Design </a></p></center></div> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'/> <!-- Credits intact--> </body> </html>
Trên đây là 3 cách chuyển hướng blogger mọi người hãy áp dụng xem kết quả như thế nào nhé. Chúc thành công!