Hôm nay mình sẽ hướng dẫn cho các bạn cách để tạo 1 trang để chuyển hướng rời khỏi blog trên blog đang làm (hoạt động cho các trang tải file,bấm để đến link đích)
Dùng để gắn quảng cáo bên Google Adsense hoặc các bên khác mà không vị phạm chính sách,và cũng giống như mấy trang rút gọn link kiếm tiền 123link,shorte,megaurl,shink,lopte….
Tạo trang chuyển hướng khỏi Blog cho Blogspot
Bước 1: Tạo Trang
<script>
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("ntlruby");
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>
<script>
function closeWindow() {
window.open('','_parent','');
window.close();
}
</script>
Bạn vừa nhấp vào một liên kết không thuộc <b><a href="https://www.hanam24h.com/">HANAM24H.COM</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 /><div style="text-align: center;"> <button class="link-out-btn" id="button1">Đồng ý</button> <button id="button2" onclick="javascript:closeWindow();">Từ chối</button> </div>
<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;
}
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ố 20 (tô màu đỏ) là thời gian điếm ngược tự động chuyển hướng. Các bạn có thể thay đổi theo ý của mình.
Bước 2: Thêm JavaScript tự động bắt các liên kết ngoài
JavaScript
bên dưới vào trước thẻ </body>
<script type='text/javascript'>
//<![CDATA[
/* Redirector */
(function(b){window.top.location.href.includes("/chuyen-huong-khoi-blog.html")||b.filter(function(a){return!a.hasAttribute("imageanchor")&&!a.href.startsWith("https://www.hanam24h.com/")&&5<a.href.length}).map(function(a){a.href="/p/chuyen-huong-khoi-blog.html?ntlruby="+(a.href);a.rel="nofollow noopener"})})(Array.from(document.querySelectorAll(".post-body a")));
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.Tác dụng: đoạn code trên sẽ tự động tìm mọi liên kết đi ra ngoài Blog, chuyển chúng thành liên kết chuyển hướng và thậm chí còn thêm thuộc tính nofollow cho bạn luôn. Bạn nào chưa biết tại sao nên thêm nofollow cho các liên kết ngoài thì tự tìm hiểu qua Google nhé, trong bài này tớ chỉ nói về vụ chuyển hướng thôi.
Sau khi xong và kiễm tra xem nó đã hoạt động chưa.Để gắn quảng cáo thì quay sang bước 1 dán mã quảng cáo vô.
Sau khi tất cả đã thành công,nếu bạn biết code thì có thể sử dụng CSS và một số thủ thuật điều kiện trong Blogger nếu muốn làm giao diện độc đáo cho trang này nha, không nhất thiết nó phải có giao diện giống như mọi trang khác. Tùy vào khả năng của bạn!
Không có nhận xét nào: