Chuyển đến nội dung chính

Hướng dẫn tạo trang chờ chuyển hướng với liên kết ngoài cho Blog

Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách trang chuyển hướng khi vào liên kết bên ngoài.


TÁC DỤNG:

  1. Khi bạn click vô link thì sẽ chuyển qua trang hạn chờ, sẽ có 1 nút button từ chối nếu bấm vào sẽ tắt tab nếu không sẽ tự chuyển qua trang bạn muốn đến sau 10 giây

CÁCH LÀM

Bước 1: Truy cập Blog ==> Trang ==> Trang mới ==> đặt tên cho trang
Bước 2: Chuyển sang HTML ==> Dán đoạn code bên dưới vô khung HTML

<b:if cond="data:view.isSingleItem" style="position: relative; top: -40px;">
<style>
#button1{background-color:#4CAF50;border:none;border-radius:4px;color:white;padding:7px 14px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer}#button2{background-color:#008CBA;border:none;border-radius:4px;color:white;padding:7px 14px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer}.footer-credits{display:none}
.container1, .timeline_menu, #sidebar_wrapper, #bt4unavmenu, #HTML5 {display:none;}
#timecount{background-color: #333; border: none; border-radius: 3px; color: white; padding: 2px 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; cursor: pointer;}
</style>
<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 = 10;var page = getQueryVariable("t");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.nguyenngocquidz.tk/">www.nguyenngocquidz.tk</a></b>
Trang bạn muốn đến sẽ tự động chuyển sau <span id="timecount"></span> giây
Liên kết bạn muốn đến: <span id="linkout" style='background: #0064b2; font: 15px Roboto,sans-serif; color: #fff; display: inline-block; padding: 0px 10px; margin: 0 0px 10px 0; border-radius: 3px;'></span>
<div style="text-align: center;">
<button id="button2" onclick="javascript:closeWindow();">Từ chối</button></div>
</b:if>

CHỈNH SỬA TÙY Ý:


  1. Ctrl + F ==> Tìm var time = 10; (số 10 là số đếm ngược, có thể tùy chỉnh theo ý các bạn)
  2. Tìm ==> background: #0064b2; {#0064b2 là màu của phần link bạn muốn đến, có thể đổi theo ý bạn. Kham thảo mã màu tại đây}

Bước 3: Bấm Xuất Bản.


CÁCH DÙNG

Khi bấm xuất dưới tên trang bấm nút xem và copy link của bài viết bạn muốn trang nào chờ chuyển hướng thì làm như sau.


Các bạn thêm ?t= sau phần .html của link bài và sau đó dán link muốn chờ chuyển trang.

KẾT QUẢ:
DEMO
https://www.hungcoder.com/p/chuyen-huong.html?t=https://www.hungcoder.com/sitemap (ngay phần www.hungcoder.com là trang bạn muốn vô)

Nguồn : NguyenNgocQuidz

Nhận xét

  1. Chất đấy ông , cái này tăng thêm dc lượng truy cập cho blog mình nè , ak mà nhưng hơi khó chịu với người người khác á ... Ý kiến riêng :)

    Trả lờiXóa
    Trả lời
    1. Uhm, nhưng cũng phải đua đòi theo cái webmaster, đa phần tạo 1 trang chuyển hướng với liên kết riếng của mình :D:D hehe tạo phong cách cho blog của mình :D

      Xóa
  2. bài viết này rất bổ ích , cảm ơn a hùng coder đã share nhé

    Trả lờiXóa
    Trả lời
    1. thủ thuật này làm trang chuyển hướng link kiểu như sinhvienit khá hay đó e :D có cái thủ thuật chuyển hướng link nhưng phải click vào button đã mới chuyển :D còn code này là nó load hết 10s là nó tự động chuyển luôn :D :D và cũng đang làm tool treo auto cho link khá hay đấy :D:D

      Xóa
    2. có nút button á anh Hùng tại em xóa :D

      Xóa
    3. Cái nút button đó a xóa đi r đó. Để cho nó tuyệt hơn ấy haha

      Xóa
  3. URL:http://www.anhbia247.com/
    Title: ẢNh Bìa 247
    HÚ bro!

    Trả lờiXóa

Đăng nhận xét

Bài đăng phổ biến từ blog này

[Blogger] Gỡ bỏ bản quyền template Blogspot không bị chuyển hướng

Xin chào các blogger, hẳn khi làm blog bạn chẳng còn xa lạ gì những trang cung cấp template nổi tiếng như soratemplates, gooyaabitemplates,... đúng không. Mỗi khi bạn tải template về thường có 2 tùy chọn đó là bản free và bản premium. Sự khác biệt giữa chúng là quá rõ ràng kể đến như support hoặc mã hóa code,...


Dân nghèo như chúng ta thường chỉ chơi bản free thôi, và đương nhiên sẽ có nhiều template dính quả bản quyền thần chưởng, ở đó thì họ thường gắn tên vào cuối footer và khi ta xóa dòng đó đi web site sẽ tự động chuyển hướng tới trang chủ của họ. Nói chung ta không nên xóa bản quyền template đi vì đó thể hiện sự tôn trọng tới người đã tạo ra template cho ta sử dụng.

Còn trong khuôn khổ bài viết này hung1001 sẽ cùng bạn tìm hiểu cách gỡ và thêm bản quyền của bạn vào nếu như bạn thích.


Ở đây tôi làm mẫu với template Treasury của Sora bản free. Đây là dòng tác giả đã chèn bản quyền và có đoạn js điều hướng nếu dòng bị xóa


Nhiệm vụ của bạn đó là đi dò toàn bộ các đoạn mã js đã bị mã hó…

[Blogger] Tạo hiệu ứng tuyết rơi chào đón Noel cho blogspot

Noel sắp đến để tăng thêm hiệu ứng cho blog của bạn hãy thêm vào 1 chút hiệu ứng tuyết rơi để cho không khí thêm sôi động


Cách làm cực kì đơn giản:

Đăng nhập vào blogChọn mẫu và vào phần chỉnh sửa htmlBạn để đoạn code sau vào giữa cặp thẻ <body> ... </body>
<script src='https://cdn.rawgit.com/hung1001/blogspot/master/js/tuyetroi.js'/>

Code nhúng trực tiếp vào web không thông qua host

<script type="text/javascript">
//<![CDATA[
var snowmax=100
var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=1
var snowmaxsize=30
var snowminsize=20
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
v…

Share Template Mudah Grid Responsive.

Chào mọi người, dạo gần đây mình thấy có một bản mẫu blogspot đi kèm với một giao diện khá thân thiện nên mình cũng đem về rồi nhờ người anh em thân thiết xóa cái bản quyền template đi rồi share cho anh em dùng.  ƯU ĐIỂMLoad nhanhSEO tốtChuẩn responsiveRecent labelButton ShareFollow by emailBreadcrumbs...NHƯỢC ĐIỂMThì mình chưa tìm ra. Cách nhận template- Comment link share trên mạng xã hội ( tùy tâm ) - Comment mail phía dưới. Lưu ý: Bản này hoàn toàn đã xóa bản quyền rồi nhé.
Xem Demo