Mau nembak pacar mu? atau lagi mau buat doi bahagia, yuk baca cara membuat script html bucin. Biasanya script html bucin sering sekali digunakan oleh anak programmer untuk menembak pacarnya, atau mengungkapkan rasa suka pada seseorang.
Karena banyak yang cari script html bucin buat pacar akhirnya saya mencoba membuat artikel ini, perlu kamu ketahui buat html bucin sebenarnya kita tidak perlu jago coding, dan tidak perlu mahir programming, dengan mengikuti panduan ini, kamu bisa membuat script html bucin sendiri dengan mudah dan cepat.
Tapi sebelum kalian membaca tutorial ini sampai habis, agar dapat menambah ilmu pengetahuan dan wawasan mu, sebaiknya baca dahulu apa itu html.
Apa Itu HTML?
HTML (Hypertext Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan mengatur konten pada halaman web. HTML memberikan struktur pada konten web, seperti teks, gambar, video, dan hyperlink, sehingga dapat ditampilkan dengan cara yang terorganisir pada browser web.
HTML menggunakan tag (tanda kurung sudut) untuk menandai elemen pada halaman web. Setiap tag memiliki nama dan fungsinya sendiri. Misalnya, tag <h1> digunakan untuk membuat judul utama, sedangkan tag <p> digunakan untuk menandai paragraf teks.
Selain itu, HTML juga dapat digunakan untuk menambahkan atribut pada elemen, seperti ukuran font, warna, dan tautan ke halaman lain. Dengan menggunakan HTML, pengembang web dapat membuat halaman web yang mudah dibaca dan dipahami oleh mesin pencari dan pengguna.
Cara Membuat Script HTML Bucin
Saat ini ada banyak sekali source sumber script html bucin yang ada di internet, dari web github, codepen dll, di sini saya akan melampirkannya untuk kamu.
1. Script HTML Bucin Ilove You Github
Github menjadi tempat para programmer berkumpul, di situs ini kita bisa menemukan banyak source kode program yang dapat kita ambil gratis, dan merubah scriptnya sesuka hati, kalau kamu tidak mahir program kamu bisa merecode skript htmlnya.
Berikut kode script html bucin i love you kamu bisa merubahnya dengan mudah, untuk link downloadnya klik dibawah ini:
2. Script Html Bucin Codepen
Kalau kamu ingin membuat script html bucin buat pacar dengan memakai program css, html dan js kamu bisa mencoba memakai script html bucin buat pacar dari codepen.io , script nya cukup keren dan menarik dan bisa kita rubah sesuai selera, berikut link download script html bucin dari codepen.
3. Script HTML Bucin Dari Replit
Kalau kamu ingin buat script html bucin untuk pacar, kamu bisa coba skrip yang sudah jadi di replit.
<html lang="en">
<!--
Code Made By Nais ID
Youtube: Nais ID
Tiktok: @hanizapunyaa
-->
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet" />
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.4/dist/sweetalert2.all.min.js"></script>
<title>Happy Birth Day</title>
<style>
html {
scroll-behavior: smooth;
}
* {
padding: 0;
margin: 0;
font-family: "Ubuntu";
color: rgb(56, 56, 56);
}
body {
background: wheat;
/* background-image: url("https://wallpaper.dog/large/10871886.png"); */
background-image: linear-gradient(#ff71c0, #b983ff, #5aaeff);
background-position: center;
background-size: cover;
overflow: hidden;
overflow: hidden;
}
.open {
background-image: linear-gradient(#ff71c0, #b983ff);
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
z-index: 1;
transition: 0.5s all ease;
}
.open h2 {
/* margin: 0 30px; */
margin-bottom: 20px;
color: rgb(56, 56, 56);
text-align: center;
max-width: 600px;
}
.open .card {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.123);
text-align: center;
}
.open .card h3 {
margin-top: 20px;
}
.open .card img {
height: 100px;
}
.atas {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.atas img {
height: 200px;
margin-bottom: 50px;
padding: 20px 30px;
background: white;
border-radius: 20px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.123);
}
.atas h2 {
font-size: 1.5em;
padding: 20px 30px;
background: white;
border-radius: 20px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.123);
}
p {
display: block;
text-align: center;
color: rgb(56, 56, 56);
background: white;
font-weight: bold;
font-size: 1.5em;
padding: 50px 30px;
margin: 40px 20px;
border-radius: 20px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.123);
}
p.wm {
margin-top: 70px;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 25px;
border-radius: 20px 20px 0 0;
font-weight: 500;
font-size: 1.1em;
color: red;
}
p.wm a {
color: red;
text-decoration: none;
}
.material-icons-sharp {
color: red;
font-size: 30px;
transform: translateY(5px);
animation: kenyal 2s ease infinite;
cursor: pointer;
}
@keyframes kenyal {
0% {
transform: scale(1) translateY(5px);
}
50% {
transform: scale(1.2) translateY(5px);
}
100% {
transform: scale(1) translateY(5px);
}
}
</style>
</head>
<body class="body">
<audio class="audio" src="https://www.mboxdrive.com/Selamat%20Ulang%20Tahun%20[Jamrud].mp3" autoplay type="audio"
loop=""></audio>
<div class="open">
<div class="card">
<h2>Ada pesan buat kamu</h2>
<img onclick="mulai()" src="https://i.postimg.cc/7ZH3t5dL/mail.png" alt="" srcset="" />
<h3>Tekan untuk membuka</h3>
</div>
</div>
<div class="atas" id="atas">
<img onclick="mulai()" src="https://i.postimg.cc/25Jn526q/sticker-Ultah.png" alt="" />
<h2>Scroll kebawah yaa! <3
</div>
<p data-aos="zoom-in">Hi sayangkuu cantikkuu</p>
<p data-aos="zoom-in">tanggal berapa yaa sekarang?hm😏</p>
<p data-aos="zoom-in">Yash sekarang tanggal 14 yeyy</p>
<p data-aos="zoom-in">Its Your Birthday babyyy</p>
<p data-aos="zoom-in">Happy Birthday sayangg🥳💗</p>
<p data-aos="zoom-in">Semoga kamu panjang umur</p>
<p data-aos="zoom-in">Sehat selaluu</p>
<p data-aos="zoom-in">Makinn cantikk makinn pinterr makin baik makin rajinn sholatnaa🥰😇💗💗</p>
<p data-aos="zoom-in">Makin di sayang bundaaa and daddy aminn,wish terbaikk deh buat kamuu cantik!💗</p>
<p data-aos="zoom-in">Jangan Nakal" ndabole😠</p>
<p data-aos="zoom-in">Smoga langgeng samaa i then kita ketemuu aminnnn yeyy😏💗</p>
<p data-aos="zoom-in">Emm apalagii yaa..</p>
<p data-aos="zoom-in">huaa ndatauu nda bisa berword"</p>
<p data-aos="zoom-in">Hihii maapp</p>
<p data-aos="zoom-in">Yang terbaikk pokonyaa buat babyyy</p>
<p data-aos="zoom-in">Wish nya nanti ditambahin agii di wa yaa?hehehe</p>
<p data-aos="zoom-in">Cuma mauu bilangg</p>
<p data-aos="zoom-in">I LOVE YOUU SO MUCHH SAYANGG</p>
<p data-aos="zoom-in">bby nda bolee pegii hmph😠</p>
<p data-aos="zoom-in">Maap cuma bisa bikin giniann hehe</p>
<p data-aos="zoom-in">UDAA YAA</p>
<p data-aos="zoom-in">LAGI SEKALII</p>
<p data-aos="zoom-in">HAPPY BIRTHDAY SAYANGKU💗</p>
<p data-aos="zoom-in">I LOVE YOU IN EVERY UNIVERSE!rill💗</p>
<p data-aos="zoom-in">Enjoy your birthday!</p>
<p data-aos="zoom-in">Babaiii!</p>
<p data-aos="zoom-in">Pencet love nya bbyy
<i onclick="tanya()" class="material-icons-sharp"> favorite </i>
</p>
<script>
var musik = "FavSong.mp3";
</script>
<script> AOS.init({once: true, });</script>
<script> var audio = document.querySelector(".audio"); if (musik) {audio.src = musik;} function mulai() {audio.play(); document.querySelector(".open").style = "opacity: 0;"; document.querySelector(".body").style = "overflow-y: scroll;"; setTimeout(function () {document.querySelector(".open").style.display = "none";}, 1000);} function wa(isi) {window.open("https://api.whatsapp.com/send?text= Makasih ya udah inget ulang tahun aku, di hari spesial ini aku pengin " + isi);} async function tanya() {var {value: kado} = await swal.fire({title: "Di hari spesial ini maunya bby apaa?", input: "text", showCancelButton: false, }); if (kado) {await swal.fire("Kirim jawabannya ke wa aku ya"); wa(kado);} else {await swal.fire("Jangan dikosongin dong"); tanya();} }</script>
><
</body>
</html>Untuk Link Demo hasilnya bisa cek disini: https://replit.com/@ReSwagx/For-My-GirlFriend?v=1
Akhir Kata
Nah itu saja script html bucin sinkronin yang kami ketahui, sekian dan terimakasih selamat mencoba skrip html bucin yang udah kami berikan diatas ya.
