Tạo trang chuyển tiếp tự động cho Blogger

Qua tham khảo một vài nơi và Google thấy rất nhiều bạn tìm kiếm cách tạo một trang chuyển tiếp cho Blogger / Blogspot. Hiện tại thì cũng có nhiều blog hướng dẫn về các để tạo trang chuyển tiếp tự động cho Blogger. Nhưng mà theo ý kiến cá nhân mình thấy thì điều thứ nhất là không đúng với cái ý nghĩa tự động, điều thứ hai là bạn phải tạo một blog riêng để tạo trang này, và điều thứ ba là bạn phải chèn liên kết hoàn toàn một cách thủ công.

Từ ba cái này thì bạn cũng thấy là chúng ta phải làm rất nhiều công sức để được một trang chuyển tiếp, việc chèn thủ công từng link sẽ mất rất nhiều thời gian, và nếu như bạn không muốn xài nữa thì cũng không biết đường đâu mà sửa nữa.

Thế cái trang chuyển tiếp tự động mà mình sắp hướng dẫn tới đây có gì ngon hơn những cái mà những blog khác? Sau đây mình xin liệt kê một số tính năng mà trang chuyển tiếp này mình đã hoàn thành:

Khi trỏ chuột vào link nó sẽ vẫn hiện địa chỉ chỉ gốc chứ không hiện địa chỉ trang chuyển tiếp
Tự động kích hoạt trang chuyển tiếp với những đường link đi ra ngoài trang web
Tự động mở tab mới với liên kết ngoài
Trang chuyển tiếp nằm trên chính blog của bạn
Hiện thời gian đếm ngược giống như các mã nguồn forum vbb, xenforo
Giao diện dễ dàng tùy chỉnh

nhưng cái trên là những cái mà mình thấy là mình đã làm được. Bạn có thể xem trực tiếp demo bằng cách trỏ chuột và click thử vào đây.

Tạo trang chuyển tiếp tự động cho Blogger

Đầu tiên bạn hãy truy cập vào trang quản trị của blog mà bạn muốn tạo trang chuyển tiếp. Tiếp tục tạo một trang mới với tên mà bạn muốn ví dụ "Chuyển tiếp" và sao chép toàn bộ đoạn mã sau đây vào phần nội dung của khung soạn thảo, lưu ý là hãy chuyển qua chế độ soạn thảo bằng HTML

<script type='text/javascript'>
//<![CDATA[
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 count = 6;
var url  = getQueryVariable("url");

function countDown(){
    var timer = document.getElementById("timer");
    if(count > 0){
        count--;
        timer.innerHTML = "Bạn sẽ được chuyển hướng đến <a href='"+url+"' rel='nofollow'>"+url+"</a> trong <b>"+count+"</b> giây.";
        setTimeout("countDown()", 1000);
    }else{
        window.location.href = url;
    }
}
//]]>
</script>

<div class="chuyen-tiep">
Đang chuyển hướng

<gach></gach>
<span id="timer">
<script type="text/javascript">countDown();</script>
</span></div>
<style>
.post-body { text-align: center; }
gach { border-bottom: 1px dashed #7C7C7C; display: block; }
.main-wrapper { width: 100%!important }
.sidebar-wrapper { display: none; }
</style>

đoạn script này do mình viết và chia sẻ độc quyền tại blog KslZone.NET của mình nhưng không biết được bao lâu :D

Lưu ý là giao diện có hơi cùi mía một tý, bạn có thể toàn toàn tủy chỉnh lại bằng html và css. Trong đoạn css ở ngay trên đây bạn sẽ thấy "main-wrapper" và "sidebar-wrapper" đó là 2 class của phần nội dung và sidebar trên blog của mình, bạn phải thay bằng tên class của template của bạn để thay đổi lại chiều rộng của nội dung cũng như để ẩn đi phần sidebar.

Nếu cảm thấy không biết thì cứ xóa 2 thằng đó đi nhé

.main-wrapper { width: 100%!important }
.sidebar-wrapper { display: none; }

và nếu bạn muốn nhưng không biết phải làm sao thì cứ để lại địa chỉ blog của bạn tại phía dưới mình sẽ trực tiếp hỗ trợ bạn về phần giao diện này.

Sau khi hoàn tất thì lưu lại trang đó, lưu ý là sau khi xuất bản thì bạn hãy kiểm tra xem địa chỉ của trang đó là gì, như website của mình là

http://kslzone.blogspot.com/p/chuyen-tiep.html

nhớ hoặc chép nó ra đâu đó.

Tiếp tục vào Mẫu > Chỉnh sửa HTML tại trang tổng quan của blog, bạn tìm đến thẻ </head> và chèn đoạn mã sau lên trên

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script type='text/javascript'>
jQuery(document).ready(function () {

jQuery(&#39;a[href*=&quot;http://&quot;]:not([href*=&quot;http://kslzone.blogspot.com&quot;])&#39;).click(function (e) {
        e.preventDefault();
        var target = e.target || e.srcElement;
        if ($(target).attr(&#39;target&#39;) == &quot;_blank&quot;) {
            window.open(&quot;http://kslzone.blogspot.com/p/chuyen-tiep.html?url=&quot; + $(target).attr(&#39;href&#39;), &#39;_blank&#39;);
        } else {
            window.location = &quot;http://kslzone.blogspot.com/p/chuyen-tiep.html?url=&quot; + $(target).attr(&#39;href&#39;);
        }
    });

});
</script>

đoạn mã này mình viết bằng jQuery các bạn nhé nên, phải có mã nhúng jQuery ở trên nó, nếu như có rồi thì bạn hãy xóa dòng đầu tiên đi. Ở đây bạn tìm và thay đổi trong đoạn mã trên
cái đầu tiên là

http://kslzone.blogspot.com

bằng địa chỉ blog của bạn. Và cái thứ hai là

http://kslzone.blogspot.com/p/chuyen-tiep.html

bằng địa chỉ trang chuyển tiếp lúc nãy mà mình đã hướng dẫn các bạn tạo. Sau đó lưu lại là thành công rồi.

Lời kết

Như bạn đã thấy tuy mã có hơi dài một tý nhưng vô cùng đơn giản, chỉ cần đúng 2 bước là tạo trang chuyển tiếp và chèn đoạn mã để link chạy vảo trang chuyển tiếp. Mọi thắc mắc từ giao diện đến cách thức hoạt dộng hay tùy chỉnh về bài viết này hãy để lại nhận xét phía dưới nhé.

P/S: Cập nhật thêm thông tin mới nhé, mình không khuyến khích các bạn sử dụng cái này, nên chỉ làm cho thỏa chí đam về về tính năng thôi :D. Thực chất đây vi phạm một điều khoản trong Google Webmaster Guidelines, cụ thể là không chuyển hướng người dùng đến trang web mà họ không muốn, rồi cám ơn bạn đã đọc bài viết.

18 bình luận

Nguyễn Thanh Sang says

lúc 13:32 31 tháng 10, 2014

Bạn ơi cho mình hỏi? vì sao mình dùng link https://mega.co.nz thì nó nhảy qua tab mới mà không qua trang chuyển hướng của mình và nếu dùng http thôi thì phần mã hóa của link mega bị mất
ví dụ http://www.dakhoaquangnam.com/2013/05/cdrom-giai-phau-nguoi-tuong-tac-netter.html
Mong tin bạn!

Lâm Kiều says

lúc 16:48 31 tháng 10, 2014

Mình không chắc là do đâu nữa, chắc không chắc được link https, bạn đổi https thành http trong link xem sao nhé.

Unknown says

lúc 23:07 10 tháng 11, 2014

Không ổn rồi bạn ơi. Ngay cả Link trong blog cũng dính chuyển hướng như Link ngoài.

Lâm Kiều says

lúc 23:08 10 tháng 11, 2014

Lạ vậy ta, lúc trước mình test mọi thứ đều bình thường mà, bạn để lại địa chỉ blog cho mình xem qua nhé.

Unknown says

lúc 15:59 23 tháng 11, 2014

bạn ơi không ổn rồi link bài trong blog cũng bị chuyển luôn :3 bạn coi hộ mình với
http://mai2labaoxa.blogspot.com
mấy cái link bài ở modun á

Unknown says

lúc 16:00 23 tháng 11, 2014

bạn ơi không ổn rồi link bài trong blog cũng bị chuyển luôn :3 bạn coi hộ mình với
http://mai2labaoxa.blogspot.com
mấy cái link bài ở modun á

Lâm Kiều says

lúc 16:02 23 tháng 11, 2014

bạn kiểm tra lại code bạn nha "http://mai2labaoxa.blogspot.comt" dư chữ "t" rồi kìa =.=

Nặc danh says

lúc 17:20 23 tháng 11, 2014

+Lâm Kiều: Em biết bạn này định làm gì anh ạ, bạn ấy đặt backlink. Em vừa ghé thăm một số blog đều thấy bạn ấy comment cùng tên miền :)

Lâm Kiều says

lúc 18:18 23 tháng 11, 2014

Hì nói chung nhận xét đàng hoàng đặt backlink anh cũng không để ý đến :D

Unknown says

lúc 10:43 28 tháng 11, 2014

http://tinvnex.blogspot.com/2014/11/oan-script-nay-do-minh-viet-va-chia-se.html
nó bao link mình ko tồn tại

MysTown says

lúc 02:10 20 tháng 6, 2015

Đã vi phạm điều luật của Google webmaster rồi mà mình cũng không hiểu làm như thế để làm gì? Giữ người dùng ở lại thêm website mình vài giây ư???? Thế thì nâng content chất lượng có phải tốt hơn ko -_-

Nguyentran says

lúc 16:41 2 tháng 10, 2015

bạn ơi cho mình hỏi là nếu link kiểu như này nó sẽ không chuyển hướng được. https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftA8HM&hl=en
hình như do có dấu "=" bên trong

Lâm Kiều says

lúc 20:08 2 tháng 10, 2015

Cái này mình nghĩ chắc rút gọn link rồi chèn vào bài viết :D

tekulca says

lúc 04:31 14 tháng 12, 2015

Mình tìm nhiều nơi nhưng không có đếm ngược.
Cảm ơn bạn rất nhiều! Bài viết rất hay ♥

Lâm Kiều says

lúc 10:37 14 tháng 12, 2015

Khi sử dụng thủ thuật này thì bạn nhớ kiếm tra traffic với keyword thường xuyên nhé. Kẻo bị phạt ^^

Unknown says

lúc 11:17 17 tháng 1, 2016

giờ em muốn sau 6s thì nó xuất hiện 1 nút tiếp tục để người ta nhấp vô chứ ko muốn nó tự động chuyển hướng thì làm sao anh. cám ơn vì bài viết

Blogger says

lúc 20:02 12 tháng 5, 2016

Thanks Admin nhiều :D
http://www.khari-nnt.net

Unknown says

lúc 01:48 8 tháng 6, 2016

Trang của bạn viết rất hay, rõ ràng, dễ hiểu... dù mình o rành lắm về việc này... mà cũng hiểu tương đối! rất có ít cho các ae thanks rất nhìu. Nói thật là chưa thấy trang nào viết về chuyên đề này hay như trang này ( chỉ là nhận xét cá nhân... có khi mình chưa đọc nhìu trang nên o biết )

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.

Tạo trang chuyển tiếp tự động cho Blogger

Tạo trang chuyển tiếp tự động cho Blogger

Lời kết

Tác giả bài viết: Lâm Kiều

18 bình luận

Bài đăng mới

Nhận xét mới

Tags