Hướng dẫn tạo trang chuyển hướng ra khỏi website cho blogspot

Nhiều bạn sẽ tìm đến các trang rút gọn link để kiếm tiền tuy nhiên những trang này có thể đóng cửa bất cứ lúc nào và các bạn mất công chỉnh sửa lại code.

Kiểu đặt link rút gọn như vậy mình cảm thấy bị phụ thuộc nên các bạn nên chọn cách tạo trang chuyển hướng ra khỏi Blog cho riêng mình và thả link quảng cao GA vào đấy.

Bài này mình chia sẻ với các bạn cách tạo trang chuyển hướng ra khỏi Blog. Mình đang áp dụng trên Blog này cho bạn nào cần nhé!

Nội dung trang chuyển hướng sẽ như hình dưới đây:

Chúng ta bắt đầu, chỉ với 2 bước đơn giản.

Bước 1: Tạo Trang

Các bạn vào trang quản trị Blogger -> Trang -> Trang mới đặt tên trang, ở đây mình đặt là "Chuyển hướng đến trang do EBOOKBKMT giới thiệu". Rồi chuyển sang chế độ HTML, copy và dán đoạn code dưới đây vào.

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("ebookbkmt");

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, 2000);

gett("timecount").innerHTML = time;

} else{ setTimeout(init, 1000); }

}

document.onload = init(); $(document).ready(function(){

$('.link-out-btn').click(function(){

window.location = page; });

$('#linkout').text(page); });

</script>

function closeWindow() {

window.open('','_parent','');

window.close();

}

</script>

Bạn vừa nhấp vào một liên kết tin cậy được giới thiệu bởi <b><a href="https://www.ebookbkmt.com.com/">EBOOKBKMT</a>.</b> Liên kết bạn muốn đến là: <code><span id="linkout"></span></code> <br /> Trang sẽ tự chuyển sang liên kết trên sau <b><span id="timecount" style="color: red;"></span></b> giây! <br />

"CODE GOOGLE ADSENSE"

<style>

#button1 {

color: #FFF;

padding: 0 20px;

margin: 10px 0 5px 0;

cursor: pointer;

background-color:#4d90fe;

box-shadow: 0px 4px 0px 0px #0f53c0;

border:1px solid #357ae8;

border-radius:3px;

text-shadow:0px 1px 0px #00317f;

}

#button1:hover {

background-color:#357ae8;

}

#button1:active {

position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;

}

#button2 {

color: #FFF;

padding: 0 20px;

margin: 10px 0 5px 0;

cursor: pointer;

background-color:#fe4d4d;

box-shadow: 0px 4px 0px 0px #c00f0f;

border:1px solid #e83535;

border-radius:3px;

text-shadow:0px 1px 0px #7f0000;

}

#button2:hover {

background-color:#d12020;

}

#button2:active {

position:relative;top:2px;box-shadow: 0px 2px 0px 0px #c00f0f;

}

</style>

Trong đó các bạn thay link và tên Blog của mình (tô màu vàng) thành link và tên Blog của các bạn. Và số 30 (tô màu đỏ) là thời gian điếm ngược tự động chuyển hướng, số 2000, 1000 (tô màu đỏ) để tùy chỉnh độ nhanh chậm của đếm giây.

Thay phần "CODE GOOGLE ADSENSE" (Tô màu vàng) bằng code GA của bạn.

Các bạn có thể thay đổi theo ý của mình.

Tắt hiển thị bình luận trang (ở phần cài đặt bên phải)

Sau đó bấm "Xuất bản".

Bước 2: Thêm JavaScript tự động bắt các liên kết ngoài

Sau khi tạo trang xong, các bạn trở ra trang quản trị Blogger -> Chủ đề -> Chỉnh sửa HTML. copy và dán đoạn JavaScript bên dưới vào trước thẻ </body>

//<![CDATA[

/* Redirector */

(function(b){window.top.location.href.includes("/chuyen-huong-en-trang-do-ebookbkmt-gioi.html")||b.filter(function(a){return!a.hasAttribute("imageanchor")&&!a.href.startsWith("https://www.ebookbkmt.com/")&&5<a.href.length}).map(function(a){a.href="/p/chuyen-huong-en-trang-do-ebookbkmt-gioi.html?ebookbkmt="+(a.href);a.rel="nofollow noopener"})})(Array.from(document.querySelectorAll(".post-body a")));

//]]></script>

Trong đoạn JavaScript này các bạn thay link Blog của mình (tô màu vàng) thành link Blog của các bạn.

Kiểm tra xem link trang vừa tạo giống với phần link mình tô màu đỏ không nhé. Nếu không giống thì sửa lại cho giống.

Lưu Template lại và ra xem kết quả.

LINK 1 - TÌM KIẾM SÁCH/TÀI LIỆU ONLINE (GIÁ ƯU ĐÃI NHẤT)

LINK 2 - TÌM KIẾM SÁCH/TÀI LIỆU ONLINE (GIÁ ƯU ĐÃI NHẤT)

LINK 3 - TÌM KIẾM SÁCH/TÀI LIỆU ONLINE (GIÁ ƯU ĐÃI NHẤT)

LINK 4 - TÌM KIẾM SÁCH/TÀI LIỆU ONLINE (GIÁ ƯU ĐÃI NHẤT)

VIDEO THAM KHẢO:

NGUỒN: (https://www.ntlruby.com/2021/07/tao-trang-chuyen-huong-khoi-blog-cho-blogspot.html)

Chúc các bạn thành công!

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("ebookbkmt");

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, 2000);

gett("timecount").innerHTML = time;

} else{ setTimeout(init, 1000); }

}

document.onload = init(); $(document).ready(function(){

$('.link-out-btn').click(function(){

window.location = page; });

$('#linkout').text(page); });

</script>

function closeWindow() {

window.open('','_parent','');

window.close();

}

</script>

"CODE GOOGLE ADSENSE"

<style>

#button1 {

color: #FFF;

padding: 0 20px;

margin: 10px 0 5px 0;

cursor: pointer;

background-color:#4d90fe;

box-shadow: 0px 4px 0px 0px #0f53c0;

border:1px solid #357ae8;

border-radius:3px;

text-shadow:0px 1px 0px #00317f;

}

#button1:hover {

background-color:#357ae8;

}

#button1:active {

position:relative;top:2px;box-shadow: 0px 2px 0px 0px #0f53c0;

}

#button2 {

color: #FFF;

padding: 0 20px;

margin: 10px 0 5px 0;

cursor: pointer;

background-color:#fe4d4d;

box-shadow: 0px 4px 0px 0px #c00f0f;

border:1px solid #e83535;

border-radius:3px;

text-shadow:0px 1px 0px #7f0000;

}

#button2:hover {

background-color:#d12020;

}

#button2:active {

position:relative;top:2px;box-shadow: 0px 2px 0px 0px #c00f0f;

}

</style>

//<![CDATA[

/* Redirector */

//]]></script>

VIDEO THAM KHẢO:

NGUỒN: (https://www.ntlruby.com/2021/07/tao-trang-chuyen-huong-khoi-blog-cho-blogspot.html)

Chúc các bạn thành công!

Chuyên mục: G. Cửa sổ IT G. Mẹo vặt IT

Cộng đồng Kỹ thuật cơ điện Việt Nam EBOOKBKMT - Vietnam M&E Technology Community

Hướng dẫn tạo trang chuyển hướng ra khỏi website cho blogspot

Không có nhận xét nào:

TÀI TRỢ DONATE CHO EBOOKBKMT

NHẬN XÉT MỚI

THÔNG TIN LIÊN HỆ

Không có nhận xét nào:

ĐĂNG KÝ NHẬN TIN MỚI NHẤT

Kết nối & Chia sẻ:

TÀI TRỢ DONATE CHO EBOOKBKMT

NHẬN XÉT MỚI

THÔNG TIN LIÊN HỆ