Cara Membuat Script HTML Bucin, Tidak Perlu Jago Coding

Arif Wibowo

Cara Membuat Script HTML Bucin, Tidak Perlu Jago Coding
Cara Membuat Script HTML Bucin

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 paling it yang ada di internet, dari web github, codepen dll, di sini saya akan melampirkannya untuk kamu.

1. Script HTML Bucin Ilove You Github

html bucin
HTML Bucin

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

html bucin 2
script html bucin buat pacar

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.

Download: HTML Bucin Codeepen

3. Script HTML Bucin Dari Replit

replit
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

Download Script HTML Bucin

Kamu Mau Enggak Jadi Pacar Aku !!!Download
Selamat Ulang Tahun SayangDownload
Pantun Romantis Agar Semakin Di Sayang DoiDownload
Makasih Sayang Aku….Download
Saya Sudah Pernah Janji Padamu DahuluDownload
Maaf Ya Aku Buat Kamu Kesel Atau SebalDownload
Kamu Risih Ya Sama Aku?Download
Aku Takut Kehilangan KamuDownload
Maaf Ya Aku Selalu Curiga Sama KamuDownload
Terimakasih Sudah Hadir Dalam HidupkuDownload
Kumpulan Script HTML Bucin
Cara Recoding Script HTML Bucin IT

Mas apakah saya bisa mengganti script html bucin it yang mas berikan diatas? tentunya bisa kamu bisa mengedit script html bucin it tersebut dari notepad, berikut caranya:

  1. Download script bucin it yang sudah kami berikan diatas.
  2. Kedua klik kanan file lalu pilih open with notepad
  3. Rubah script html nya di notepad.
  4. Jika sudah kita rubah script nya sesuai yang sudah kalian inginkan klik file di notepad.
  5. Lalu pilih save as, simpan file dengan extensi .html dan buka file yang udah kita edit tadi, dan script html bucin sudah berhasil kita edit.

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.

Arif Wibowo

Arif Wibowo

Hai nama saya arif wibowo, saya adalah seorang blogger yang gemar mempelajari ilmu teknologi, mahir membuat sebuah konten tutorial, tekno, android dan seputar game. Saya sudah menjadi penulis dari tahun 2016 dan memulai membuat konten untuk membantu seluruh pengguna di internet.

Related Post

Tinggalkan komentar