Việc tạo trang chờ get link để download sẽ giúp cho bạn tối ưu được nội dung cho các tập tin chia sẽ trên trang web / blog của mình. Một lý do nữa là nó có thể dùng để thay thế cho link rút gọn nếu các bạn không muốn phụ thuộc vào trang web bên ngoài khai thác nội dung của các bạn. Ví dụ nếu nội dung của các bạn cực tốt kèm với tập tin chia sẽ được nhiều người download về, các bạn có thể quản lý và khai thác ngay trực tiếp trên trang chờ này luôn
Nếu các bạn biết tùy biến một chút, trang chờ này sẽ không khác gì một link rút gọn mà các bạn từng tham gia. Thật tuyệt phải không?
Demo cho các bạn xem trước nó như thế nào nhé:
MÌnh đi thẳng vào nội dung chính luôn để các bạn khỏi phải chờ lâu. Để tạo được một trang chờ download như thế, Các bạn chỉ cần làm tuần tự theo 4 bước như sau là được thôi
Chuyển sang html và chép hết đoạn code bên dưới vào rồi lưu lại
Lưu ý:
-Nếu bạn đặt tên trang khác thì thay dòng : /p/download.html'
-Chỉnh thời gian chờ 15s thành con số mong muốn của bạn
Lúc này các bạn chỉ cần điền hai mục như trên thôi:
Khi các bạn đã làm thành công rồi, thì các bạn có thể tùy chỉnh thêm một vài thông tin cho hợp với trang web/ blog của các bạn
Ưu điểm nổi bật nhất của phương pháp này là link chia sẽ được dấu đi trên feed post nên bắt buộc các user phải thông qua trang chờ mới tải được tập tin mình cần
Vậy là xong nhé. Nếu các bạn có thắc mắc gì hãy comment vào bên dưới mình sẽ giải đáp nhé
![]() |
Mẫu trang chờ get link để download trông khá giống với một mẫu link rút gọn |
Nếu các bạn biết tùy biến một chút, trang chờ này sẽ không khác gì một link rút gọn mà các bạn từng tham gia. Thật tuyệt phải không?
Demo cho các bạn xem trước nó như thế nào nhé:
MÌnh đi thẳng vào nội dung chính luôn để các bạn khỏi phải chờ lâu. Để tạo được một trang chờ download như thế, Các bạn chỉ cần làm tuần tự theo 4 bước như sau là được thôi
1. Tạo một page mới và đặt tên download
Chuyển sang html và chép hết đoạn code bên dưới vào rồi lưu lại
<div class="time-wrapper hidden">
<b>Tập tin chia sẽ đã sẵn sàng. Quá trình tải xuống của bạn sẽ bắt đầu sau giây lát!</b><br />
<span id="timer-countdown">0</span><br />
<div class="getlink-button">
</div>
</div>
<style>
.hidden{display:none!important}
p{margin:0}
p,.getlink-button,.time-wrapper{text-align:center}
.getlink-button a{background:#6dab3c;border:1px solid #6dab3c;position:relative;color:#ffffff;font-size:14px;display:inline-block;padding:7px 20px;min-width:70px;border-radius:3px}
#timer-countdown{margin:25px 0 30px 0;display:inline-block;border-radius:100%;width:120px;height:120px;line-height:120px;color:#33b5e5;border-radius:50%;border:2px solid #33b5e5;font-size:60px;font-weight:100}
</style>
<b>Tập tin chia sẽ đã sẵn sàng. Quá trình tải xuống của bạn sẽ bắt đầu sau giây lát!</b><br />
<span id="timer-countdown">0</span><br />
<div class="getlink-button">
</div>
</div>
<style>
.hidden{display:none!important}
p{margin:0}
p,.getlink-button,.time-wrapper{text-align:center}
.getlink-button a{background:#6dab3c;border:1px solid #6dab3c;position:relative;color:#ffffff;font-size:14px;display:inline-block;padding:7px 20px;min-width:70px;border-radius:3px}
#timer-countdown{margin:25px 0 30px 0;display:inline-block;border-radius:100%;width:120px;height:120px;line-height:120px;color:#33b5e5;border-radius:50%;border:2px solid #33b5e5;font-size:60px;font-weight:100}
</style>
2. Chèn đoạn code bên dưới vào trước thẻ đòng </body>
<!-- download -->
<script>//<![CDATA[
$('.download').click(function() {
var id_sp = $(this).attr('name');
localStorage.setItem('luu_id', id_sp);
$.ajax({
type: 'GET',
url: '/feeds/posts/summary/' + id_sp,
data: {
'alt': 'json'
},
dataType: 'jsonp',
success: function(k) {
if (k.entry) {
for (var c = 0; c < k.entry.link.length; c++) {
if ("enclosure" == k.entry.link[c].rel) {
if ("text/html" == k.entry.link[c].type) {
var get_link = k.entry.link[c].href;
localStorage.setItem('luu_get_link', get_link);
}
}
}
}
}
});
var url_tv = '/p/download.html';
setTimeout(function() {
location.href = url_tv;
}, 1000);
});
var id = localStorage.getItem('luu_id')
var get_link = localStorage.getItem('luu_get_link');
var timer = 15;
if (id) {
document.querySelector('.time-wrapper').classList.remove('hidden')
var downloadTimer = setInterval(function() {
document.getElementById('timer-countdown').innerHTML = timer;
document.querySelector('.getlink-button').innerHTML = '<a href=' + 'get_link' + ' rel="noopener nofollow" title="Get link">Get link</a>';
timer -= 1;
if (timer <= 0) {
clearInterval(downloadTimer);
document.getElementById('timer-countdown').innerHTML = '0';
document.querySelector('.getlink-button').innerHTML = '<a href=' + get_link + ' target="_blank" rel="noopener nofollow" title="Get link">Get link</a>';
}
}, 1000)
}
//]]></script>
<script>//<![CDATA[
$('.download').click(function() {
var id_sp = $(this).attr('name');
localStorage.setItem('luu_id', id_sp);
$.ajax({
type: 'GET',
url: '/feeds/posts/summary/' + id_sp,
data: {
'alt': 'json'
},
dataType: 'jsonp',
success: function(k) {
if (k.entry) {
for (var c = 0; c < k.entry.link.length; c++) {
if ("enclosure" == k.entry.link[c].rel) {
if ("text/html" == k.entry.link[c].type) {
var get_link = k.entry.link[c].href;
localStorage.setItem('luu_get_link', get_link);
}
}
}
}
}
});
var url_tv = '/p/download.html';
setTimeout(function() {
location.href = url_tv;
}, 1000);
});
var id = localStorage.getItem('luu_id')
var get_link = localStorage.getItem('luu_get_link');
var timer = 15;
if (id) {
document.querySelector('.time-wrapper').classList.remove('hidden')
var downloadTimer = setInterval(function() {
document.getElementById('timer-countdown').innerHTML = timer;
document.querySelector('.getlink-button').innerHTML = '<a href=' + 'get_link' + ' rel="noopener nofollow" title="Get link">Get link</a>';
timer -= 1;
if (timer <= 0) {
clearInterval(downloadTimer);
document.getElementById('timer-countdown').innerHTML = '0';
document.querySelector('.getlink-button').innerHTML = '<a href=' + get_link + ' target="_blank" rel="noopener nofollow" title="Get link">Get link</a>';
}
}, 1000)
}
//]]></script>
Lưu ý:
-Nếu bạn đặt tên trang khác thì thay dòng : /p/download.html'
-Chỉnh thời gian chờ 15s thành con số mong muốn của bạn
3. Dán link hay tập tin cần chia sẽ vào phần liên kết đính kèm
![]() |
Dán link chia sẽ và điền thể loại mime là text/html |
Lúc này các bạn chỉ cần điền hai mục như trên thôi:
- -Thêm liên kết: Dán link chia sẽ vào
- -Thêm loại mime: text/html
4. Đặt đoạn code bên dưới vào nơi cần chia sẽ
<button aria-label="Tải về" class="download" name="data:post.id" type="button">Tải về</button>
Khi các bạn đã làm thành công rồi, thì các bạn có thể tùy chỉnh thêm một vài thông tin cho hợp với trang web/ blog của các bạn
Ưu điểm nổi bật nhất của phương pháp này là link chia sẽ được dấu đi trên feed post nên bắt buộc các user phải thông qua trang chờ mới tải được tập tin mình cần
Vậy là xong nhé. Nếu các bạn có thắc mắc gì hãy comment vào bên dưới mình sẽ giải đáp nhé
7 Comments
👉 Mẹo chèn ảnh vào khung nhận xét với đoạn code đơn giản như sau: [img]Url-ảnh-cần-chèn[/img]
👉 Nếu có ý kiến thắc mắc hay cần chia sẽ để làm cho bài viết hoàn chỉnh hơn, các bạn đừng ngại để lại góp ý bên dưới nhé 💙🌟🤩👍
Có lẽ bạn điền nhầm ở bước 3 rồi. Chỉnh lại là được thôi *-:) ~O)
[img]https://1.bp.blogspot.com/-lfpXi9uVm-k/XvN5Bcw4-4I/AAAAAAAAGaU/yCD3rZfpD10dtDp2uW1n0unPHRf8Ifa5wCLcBGAsYHQ/s1600/tao%2Btrang%2Bcho%2Bdownload.png[/img]
Chúc bạn làm thành công nhé 💙🌟🤩