Tự Tạo Hệ Thống Downloand Đám Mây Tự Động Trên Website Bạn

Star út tháng 1 01, 2020
Chào bạn , một lần nữa đã đến với trang web chúng tôi , bài này mình xin chia sẻ cho anh chị e dev một thủ thuật khá chất mình tin sẽ có một số bạn thích nó , vậy thủ thuật này là gì thì mình mời các bạn tham khảo bài viết nha.

hệ thống downloand đám mây tự động trên web bạn

hình minh họa

Thấy cái tiêu đề thôi là phê rồi đúng không nào , thủ thuật này không phải dùng đám mây của blogger hay web bạn đâu nha , thực chất mình lưu trữ nó trên google drive sau đó dùng tý thủ thuật để giúp đọc giả cảm nhận được như đang downloand file trên đám mây của chính website bạn , về thủ thuật này rất thích hợp cho những bạn chiến GA bằng cách chia sẻ link downloand cho web mình. không cần phụ thuộc vào website rút gọn link.

hướng dẫn


CSS
Đây là phần khung chủ yếu tạo cho đẹp thôi chứ không liên quan đến downloand 
.khung{margin:0 0 15px;clear:both;border: 3px solid #EE0000;border-radius: 10px 10px 10px 10px;;padding: 8px 2px;}
#button1 {
background-color: #4CAF50;
border: none;
border-radius: 4px;
color: white;
padding: 7px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;}
#button2 {
background-color: #008CBA;
border: none;
border-radius: 4px;
color: white;
padding: 7px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
.footer-credits{display:none;}
SCRIPT 1
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 = 15;
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 2
function closeWindow() {
        window.open('','_parent','');
        window.close();
    }
HTML HIỂN THỊ
<div class="khung">
<center>
Hệ Thống <b style="color: #ee0000;">Sẽ Tự Động</b> Tải Tệp Về Máy Bạn Trên Sever Của <b><a href="https://blogvnit.com/">Blog Vnit</a></b> Bạn Vui Lòng Đợi Giây Lát Chúng Tôi Đang Chuẩn Bị Cho Bạn , Hệ thống Chúng Tôi Đang Chuẩn Bị Tệp Và sẽ tự động tải Về Sau <b style="color: #ee0000;"><span id="timecount"></span></b> giây !
</center>
<center>
<a href="https://www.blogvnit.com/p/bao-gia-dich-vu-thiet-ke-website.html" target="_blank"><img alt="Downloand Blog Vnit" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV58AD7b4_TEzX-IU86mReDnf52OMUi14SOwKxBphpfIrZO19Mb9_4-k_4hLMk3FO7tq1Io9FJ24LXF7U63zq0cF_zCfhFehnGQCxFjTtM-9krcIZpClgHFU3ZYoIry4hg0tyfGjaIWGPK/s1600/Dpct.gif" width="200" /></a>
</center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Nếu hết thời gian chờ mà tệp vẫn chưa được tải về , các bạn hãy <b>tải lại trang</b> nhé , do kết nối mạng bị yếu dẫn đến đường truyền trên sever&nbsp; không chính xác nên có thể xảy ra lỗi khi hết thời gian chờ mà vẫn chưa được tự động tải về , chúc các bạn vui vẻ</div>
</div>
<center>
<a href="https://www.blogvnit.com/p/bao-gia-dich-vu-thiet-ke-website.html" target="_blank"><img alt="Downloand Blog Vnit" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfuk0dgkT8zrNeeWAqCvx8uAtPQK6fMKH_52DbdtvW7FHxKrmaw2btOxJJJZhblbmeHMoC4egS4vI0hlTvbrhAm_aInPIUolDdGpcjkhMOLMKxTCoOfPJrLdXQIiQQqrwoQcTic1A5sUf0/s200/animat-cloudsync.gif" width="200" /></a>
</center>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
</div>

hướng dẫn sử dụng

Sau khi tạo trang hoàn thành hệ thống downloand cho website bạn xong và mở trang bạn lên và sau đó copy url của trang đó hãy thay thêm địa chỉ trang như sau :
Màu đỏ là url của trang downloand của mình , còn màu xanh là nơi lưu trữ file để downloand về các bạn nhớ nhé , việc để file tự động downloand về thì hiện nay có nhiều cách như dùng hosting , github ,... nhưng mình biết các bạn có sử dụng google drive vì vậy các bạn hãy tham khảo bài viết trước Tại Đây để file được tự động tải về mà không phải chuyển hướng đi đến nơi lưu trữ file nha .
GET LINK GOOGLE DRIVEDEMO TEST

0 Nhận xét