Có vẽ như rất nhiều bạn tạo Blog chia sẻ tài liệu, share Template .v.v...thường tìm những trang rút gọn link để kiếm tiền. Kiểu đặt link rút gọn mình cảm thấy bị phụ thuộc. Không biết trang rút gọn link đấy đóng cửa lúc nào. Khi đó lại phải tìm lại những bài đã đặt link mà sửa. Nên thôi, mình thì chọn cách gà mình mình nuôi 😊. Tạo trang chuyển hướng ra khỏi Blog cho riêng mình và thả gà 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é!
Chúng ta bắt đầu, chỉ với 2 bước đơn giản!
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.ntlruby.com/">NTLRUBY</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;
}
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.ntlruby.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.
Facebook