Cách Tạo Trang WEB Tỏ Tình Crush Auto Đổ - Share Code

 

Cách Tạo Trang WEB Tỏ Tình Crush Auto Đổ - Share Code - CuongbokIT
Hello xin chào, tiếp tục với Series Làm Web cùng Cuongbok, khi đã tạo xong được trang Web cá nhân, thì hôm nay mình sẽ Share cho bạn code trang Web tỏ tình Crush, vì mới tạo web nên mình sẽ dùng đoạn code dễ thôi nhé! :">

DEMO tại đây

. Toàn bộ code tại Đây

Cách tạo trang Web tỏ tình Crush

Đầu tiên mình có CSS:
  
.box-love{background: no;width: 500px;
height: 300px;position: relative;}
.box{position: absolute;top: 40%;
left: 35%}
button{border: none;border-radius: 4px;
padding: 8px;background: red;color: #fff;
outline:none;text-transform: uppercase;
font-weight: bold;}
button:hover{cursor:pointer;opacity: 0.6;}
span{position: absolute;top: 30%;left: 25%;
text-align: center;display: block;
margin-bottom: 8px;font-size: 20px;
color: #fff;text-transform: uppercase;
font-weight: bold;}
.move{transform: translate(-200%, -200% );
transition: 0.01s;
}

và HTML:


<div class='box-love'>
<h1 color='black'>Bạn có yêu mình không?</h1>
  <h2 id="innerThbao" style="display:none;z-index:9999999"></h2>
<div class='box'>
<button id='love'>Yêu</button>
<button id='no-love'>Không Yêu</button>
</div>
</div>

Cuối cùng là Js:


var thbao = "Mình Biết Mà ahihi";
var linkfb = "//fb.com/cuongbok"; 
var innerThbao = document.getElementById('innerThbao');
var love = document.getElementById("love");
var no_love = document.getElementById("no-love");
var _0x5f52=["\x63\x6C\x69\x63\x6B","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x62\x6C\x6F\x63\x6B","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x53\x68\x61\x72\x65\x20\x62\u1EDF\x69\x20\x43\x75\x6F\x6E\x67\x62\x6F\x6B\x20\x28\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x69\x74\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x29\x2C\x20\x54\x69\x6B\x74\x6F\x6B\x3A\x20\x40\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x72\x65\x61\x6C","\x6C\x6F\x67","\x6D\x6F\x76\x65","\x74\x6F\x67\x67\x6C\x65","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74"];love[_0x5f52[1]](_0x5f52[0],myFunction);function myFunction(){innerThbao[_0x5f52[3]][_0x5f52[2]]= _0x5f52[4];innerThbao[_0x5f52[5]]= thbao;alert(thbao);setTimeout(function(){window[_0x5f52[7]][_0x5f52[6]]= linkfb},2000)}no_love[_0x5f52[1]](_0x5f52[8],lovefunction);console[_0x5f52[10]](_0x5f52[9]);function lovefunction(){no_love[_0x5f52[13]][_0x5f52[12]](_0x5f52[11])}

Với 2 dòng màu đỏ:

- Mình Biết Mà ahihi: Thay bằng lời bạn muốn nói

- //fb.com/cuongbok: Thay bằng link fb của bạn, hoặc link mà bạn muốn web chuyển hướng tới.

Cuối cùng, toàn bộ code sẽ trông như thế này:

Toàn bộ code:

Copy và dán vào là được, nhớ thay đổi thông tin ở phần màu đỏ nhé!


<style type='text/css'>
.box-love{background: no;width: 500px;
height: 300px;position: relative;}
.box{position: absolute;top: 40%;
left: 35%}
button{border: none;border-radius: 4px;
padding: 8px;background: red;color: #fff;
outline:none;text-transform: uppercase;
font-weight: bold;}
button:hover{cursor:pointer;opacity: 0.6;}
span{position: absolute;top: 30%;left: 25%;
text-align: center;display: block;
margin-bottom: 8px;font-size: 20px;
color: #fff;text-transform: uppercase;
font-weight: bold;}
.move{transform: translate(-200%, -200% );
transition: 0.01s;
}
</style>

<div style="">
<div class='box-love'>
<h1 color='black'>Bạn có yêu mình không? Thoát trang là có nha! :)</h1>
  <h2 id="innerThbao" style="display:none;z-index:9999999"></h2>
<div class='box'>
<button id='love'>Yêu</button>
<button id='no-love'>Không Yêu</button>
</div>
</div>
</div>  
<script>
var thbao = 'Mình Biết Mà ahihi';
var linkfb = '//fb.com/cuongbok'; 
var innerThbao = document.getElementById('innerThbao');
var love = document.getElementById("love");
var no_love = document.getElementById("no-love");
var _0x5f52=["\x63\x6C\x69\x63\x6B","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x62\x6C\x6F\x63\x6B","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x53\x68\x61\x72\x65\x20\x62\u1EDF\x69\x20\x43\x75\x6F\x6E\x67\x62\x6F\x6B\x20\x28\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x69\x74\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x29\x2C\x20\x54\x69\x6B\x74\x6F\x6B\x3A\x20\x40\x63\x75\x6F\x6E\x67\x62\x6F\x6B\x72\x65\x61\x6C","\x6C\x6F\x67","\x6D\x6F\x76\x65","\x74\x6F\x67\x67\x6C\x65","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74"];love[_0x5f52[1]](_0x5f52[0],myFunction);function myFunction(){innerThbao[_0x5f52[3]][_0x5f52[2]]= _0x5f52[4];innerThbao[_0x5f52[5]]= thbao;alert(thbao);setTimeout(function(){window[_0x5f52[7]][_0x5f52[6]]= linkfb},2000)}no_love[_0x5f52[1]](_0x5f52[8],lovefunction);console[_0x5f52[10]](_0x5f52[9]);function lovefunction(){no_love[_0x5f52[13]][_0x5f52[12]](_0x5f52[11])}
</script>

Bạn hãy copy đoạn code trên rồi dán vào web của mình rồi đi "tỏ tình" thôi. Chúc bạn thành công! :v

Demo CODE Tỏ Tình Crush

Video của mình trên Tiktok:

@cuongbokreal Trả lời @cuong17tui Phần 2: Tạo trang tỏ tình Crush, chỉ được chọn có 🤪 #Cuongbokreal #LearnOnTikTok #HocCungTikTok #ThanhCongNghe #totinh #crush ♬ nhạc nền - Cuongbokreal