Code tạo nút download mở khóa liên kết bằng nhiệm vụ

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

code này khá tiện đối với những anh em nào muốn tăng thêm lược tương tác trên mạng xã hội thì có thể sử dụng code này nhé. 

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

9 Nhận xét

Cảm ơn bạn đã nhận xét, chúng tôi sẽ quay lại và trả lời cho bạn sớm nhất có thể !!!

Mới hơn Cũ hơn

Nhận xét Mới