hello xin chào mọi người nha , nay thì mình xin chia sẽ cho anh em một cái code khá là hay và thú vị liên quan về một đoạn code button và download.
Code tạo nút download mở khóa liên kết bằng nhiệm vụ |
với code này thì anh em có thể tạo ngay cho mình một nút download cực kì đẹp và sịn sò bằng việc đó là anh em phải follow các trang mạng xã hội khác thì nó mới mở link download cho anh em.
thay vì mỗi ngày phải nhìn ngắm cái nút download chán phèo chỉ cần click vào là chuyển hướng đến đích thì hôm này chúng ta sẽ tăng độ khó cho game đó là làm thêm chức năng khóa link cho nút download này nhé. :>>>
xem demo
LÀM THEO CÁC BƯỚC ĐỂ TẢI FILE
Share Code
Bước 1: vào trang chủ blogger ---> chủ để --> chỉnh sửa html
Bước 2: thêm đoạn code CSS bên dưới vào phía trên của thẻ </style> hoặc thẻ ]]></b:skin>
:root{
/* kích cỡ chiều dài của khối grid */
--color-input: #F57C00;
}
input{min-width:50px; width:100%; max-width:400px;background-color:var(--color-input);margin-bottom:5px;border:none;border-radius:4px;color:#fff;padding:15px;text-align:center;text-decoration:none;display:block;font-size:16px;cursor:pointer;font-weight:600; white-space: normal;}
input#step2{background-color:#ddd; cursor:no-drop;}
input#step3{background-color:#ddd; cursor:no-drop;}
input#stepfinal{background-color:#ddd; cursor:no-drop}
#BoxDownload{text-align:center;margin:auto;width:310px;padding:2px;}
Bước 3: tạo nút button download - tạo một trang hoặc một bài viết bất kì mà bạn muốn hiển thị nút button download
- chuyển sang tab chỉnh sửa html của bài đăng
- copy đoạn code html này dán vào nơi mà bạn muốn hiển thị nút download
<CENTER>
<h3>LÀM THEO CÁC BƯỚC ĐỂ TẢI FILE</h3>
<input id="step1" onclick="step1()" type="button" value="1.ĐĂNG KÝ KÊNH KIMIDEV" />
<input disabled="" id="step2" onclick="step2()" type="button" value="2.ĐĂNG KÝ KÊNH KIMIDEV" />
<input disabled="" id="step3" onclick="step3()" type="button" value="3. LIKE VIDEO VÀ BÌNH LUẬN VIDEO" />
<input disabled="" id="stepfinal" onclick="stepfinal()" type="button" value="Download File" />
</CENTER>
<p id="textfinal" style="color: #47FD48; font-weight: blod; font-size: 18px; text-alain: center; "></p>
Bước 4 thêm js chứa liên kết chuyển hướng tới vào chung với bài đăng html vừa tạo ở bước 3; <script>
$link1 ="liên kết mạng xã hội 1 ";
$link2 ="liên kết mạng xã hội 2";
$link3 ="liên kết mạng xã hội 3";
$linkfile="liên kết đích";
function sleep(milliseconds) {
const date = Date.now();
let currentDate = null;
do {
currentDate = Date.now();
} while (currentDate - date < milliseconds);
}
function step1()
{ window.open($link1);
sleep(4000);
document.getElementById("step1").value="Bước 1(đã xong!)";
document.getElementById("step1").onclick= "";
document.getElementById("step2").style.backgroundColor = "#F57C00";
document.getElementById("step2").style.cursor = "pointer";
document.getElementById("step2").disabled= false;
}
function step2()
{ window.open($link2);
sleep(4000);
document.getElementById("step2").value="Bước 2(đã xong!)";
document.getElementById("step2").onclick= "";
document.getElementById("step3").style.backgroundColor = "#F57C00";
document.getElementById("step3").style.cursor = "pointer";
document.getElementById("step3").disabled= false;
}
function step3()
{ window.open($link3);
sleep(4000);
document.getElementById("step3").value="Bước 3(đã xong!)";
document.getElementById("step3").onclick= "";
document.getElementById("stepfinal").style.backgroundColor = "red";
document.getElementById("stepfinal").style.cursor = "pointer";
document.getElementById("textfinal").innerHTML= "Cảm ơn bạn đã sử dụng dịch vụ của chúng tôi";
document.getElementById("stepfinal").disabled= false;
}
function stepfinal()
{ window.open($linkfile);
}
</script>
các bạn nhớ thay các "link mạng xã hội 1/2/3" và "liên kết đích" thành link mà như các bạn mong muốn nhé. bây giờ các bạn chỉ cẩn lưu lại và xem thành quả của chúng ta thôi.
chúc các bạn thành công nhé.
nếu như có thắc mắc gì thì anh em có thể comment bên dưới mình sẽ giúp anh em giải đáp.
Design by @KiMiDev
do tính chất công việc cũng như học tập admin sẽ ngưng viết báo 1 thời gian nhé. chúc anh em một ngày học tập và lma2 việc thật vui vẻ nhé.
xoá 2 mục giữa, giữ đoàn đầu và đoạn cuối được không admin
xóa đoạn đầu thì đc chứ đoạn js cuối thì ko nha bạn
cái này phải làm từng link à, nó không tự bắt toàn bộ link trên web, giống như chuyển trang ấy
dạ ko nha bạn ơi
Nút này dùng cho bloger có dùng được cho wordpress ko bạn 🙂
dạ được nhé
b có zalo ko cho mình xin số
xin lỗi bạn vì bảo mật thông tin cá nhân. nên mình hong cung cấp số zalo riêng đc ạ.
bạn có thể liên hệ mình tại đây: https://www.kimidev.site/p/contact.html
hoặc bạn cũng có thể ib trực tiếp facebook admin cho mình qua link này: https://www.facebook.com/kimidev.26 mình có thể gửi số zalo riêng cho bạn để bạn có thể liên hệ bên mình nhé