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:
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é
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à
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
cái đầu tiên là
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.
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
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>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.htmlnhớ 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('a[href*="http://"]:not([href*="http://kslzone.blogspot.com"])').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://kslzone.blogspot.com/p/chuyen-tiep.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://kslzone.blogspot.com/p/chuyen-tiep.html?url=" + $(target).attr('href');
}
});
});
</script>cái đầu tiên là
http://kslzone.blogspot.combằng địa chỉ blog của bạn. Và cái thứ hai là
http://kslzone.blogspot.com/p/chuyen-tiep.htmlbằ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.
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ú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é.
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ú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é.
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 á
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ú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 =.=
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ú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
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
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 -_-
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ú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
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ú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 ^^
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
lúc 20:02 12 tháng 5, 2016
Thanks Admin nhiều :D
http://www.khari-nnt.net
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 )