Script HTML Bucin Terbaru 2023, Langsung Bagikan

Script HTML Bucin adalah sekumpulan kode yang digunakan untuk memformat halaman dengan menampilkan kata-kata bucin (budak cinta).

Akhir-akhir ini banyak orang mencarinya, terutama bagi yang suka bucin ke pasangannya untuk dijadikan sebagai media untuk mengungkapkan perasaannya ataupun hanya sekedar hiburan semata.

Untuk itu, pada artikel ini kami akan berikan beberapa contoh Script HTML Bucin yang bisa kamu gunakan untuk berbagai keperluan, seperti untuk menyampaikan selamat ulang tahun atau untuk meminta maaf ke orang yang kamu sayang.

Namun, sebelum melihat beberapa Script HTML yang berisi kata-kata bucin, kita akan bahas dulu apa itu Script HTML dan apa yang dimaksud dengan Bucin.   

Apa itu Script HTML

Script HTML adalah kode bahasa markup yang digunakan untuk membuat halaman web. HTML adalah singkatan dari Hypertext Markup Language, yang merupakan bahasa markup standar yang digunakan untuk membuat halaman web dan menampilkan informasi di dalamnya.

Script HTML terdiri dari serangkaian tag atau elemen yang digunakan untuk memberi instruksi pada browser web tentang bagaimana informasi di dalam halaman web harus ditampilkan.

Misalnya, tag <h1> digunakan untuk membuat judul halaman, tag <p> digunakan untuk menambahkan teks paragraf, tag <img> digunakan untuk menambahkan gambar, dan seterusnya.

Selain tag HTML, script HTML juga dapat mengandung atribut dan nilai atribut yang memberikan instruksi tambahan tentang bagaimana informasi di dalam halaman web harus ditampilkan.

Misalnya, atribut “src” digunakan untuk menentukan sumber gambar yang akan ditampilkan dalam tag <img>, dan atribut “href” digunakan untuk menentukan tautan atau link dalam tag <a>.

Script HTML merupakan komponen penting dalam pengembangan web, karena memungkinkan pembuat konten web untuk membuat halaman web yang dapat ditampilkan secara konsisten di berbagai perangkat dan browser web.

Apa itu Bucin

Bucin adalah istilah yang berasal dari bahasa Indonesia yang sering digunakan untuk menggambarkan seseorang yang tergila-gila atau sangat mencintai pasangannya dengan cara yang berlebihan.

Istilah ini sebenarnya merupakan akronim dari “budak cinta”, yang merujuk pada seseorang yang rela melakukan segala hal untuk pasangan mereka tanpa memikirkan diri sendiri.

Berdasarkan informasi yang kami peroleh, istilah bucin pertama kali dipopulerkan oleh sepasang kaka beradik yang bernama Andovi Da Lopez dan Jovial da Lopez sekitar tahun 2015.

Lalu, pada tahun 2019 kata bucin semakin populer di media sosial, dan Google mencatat kata tersebut menempati urutan ke empat sebagai kata paling populer di Indonesia.

Istilah bucin menjadi semakin populer di Indonesia seiring dengan meningkatnya penggunaan media sosial. Bahkan, sekarang sudah dijadikan sebagai film yang disutradarai oleh Chandra Liow.

Meskipun istilah ini masih kontroversial dan terkadang dianggap negatif oleh sebagian orang, namun istilah bucin masih sering digunakan di Indonesia dan menjadi bagian dari bahasa sehari-hari di kalangan anak muda.

Script HTML Bucin Sinkronin

Nah, sekarang kita masuk ke pembahasan inti mengenai Script HTML yang digunakan untuk menyampaikan kata-kata Bucin.

Untuk mendapatkan script tersebut, ada bebera situs online yang menyediakannya dan bisa kamu kunjungi, salah satunya adalah Scipt HTML Bucin Sinkronin.

Namun, setelah kami melakukan penelusuran terkait situs Sinkronin, ternyata situs tersebut telah berganti nama menjadi PalingIT.

Melalui situs tersebut, kamu bisa mendapatkan kumpulan Script HTML Bucin tanpa harus membuat sendiri, disana kamu cukup lihat preview-nya lalu mengambil script-nya secara gratis dengan mudah.

Berikut adalah cara mengambil Script HTML Bucin Sinkronin:

  • Kunjungi laman situs palingit.com.
  • Pilih menu “Kumpulan Script HTML”.
  • Cari Script HTML yang ingin kamu bagikan ke orang tersayang.
  • Sebelum mengambil kodenya, kamu bisa melihat preview-nya terlebih dahulu dengan klik tombol “Lihat”, lalu pilih tombol “Lanjut”.
  • Jika kamu ingin langsung mengambil Script-nya, kamu bisa langsung klik tombol “Ambil”.
  • Setelah itu kamu akan dialihkan ke halaman download file-nya.
  • Tunggu beberapa detik hingga tombol download-nya aktif.
  • Sekarang, kamu klik tombol “Download”.
  • Setelah proses download selesai, buka file tersebut dengan cara mengekstrak-nya.
  • Jika berhasil kamu ekstrak, silahkan cari file yang memiliki ekstensi HTML.
  • Sekarang, bagikan file HTML tersebut ke orang tersayang melalui WhatsApp atau media lainnya.
  • Alternatif lain, kamu bisa langsung mengirimkan link-nya yang muncul pada halaman preview.
  • Selesai.

Script HTML Bucin Versi Ulang Tahun

Script HTML Bucin Versi Ulang Tahun

Script HTML Bucin Ultah adalah sekumpulan kode yang digunakan untuk menyampaikan kata-kata ulang tahun dalam bentuk kode HTML.

Berikut adalah Script HTML Bucin Versi Ulang Tahun yang bisa kamu gunakan untuk mengucakpan selamat ulang tahun ke orang tersayang.

Source Code:

<html>
<meta charset='UTF-8'/><meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<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=Shippori+Antique&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark/dark.css">
<script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script>
<link href="https://kuisberhadiah.likeadream.repl.co/style.css" rel="stylesheet" type="text/css" />
<!--<script src="https://bukadulu.likeadream.repl.co/script.js"></script>-->
<head>
<!-- 
This code was made by Rayya R!
Blog: https://sinkronin.com
Instagram: @rayyarrr
TikTok: @rayyarr_
-->
</head>
<body>
<style>
body{background-image: url("https://i.postimg.cc/pLd7XMrW/wallpaper.jpg");background-repeat: no-repeat;background-size: 100% 100% 100%;} body::before{opacity:0}
</style><div id="bodyblur"></div>

<div id="konten"><div id="fotoloveu"><div class="image">
<!-- Foto Akhir --><img src="https://i.postimg.cc/Rhzfr0FG/hbd.gif" id="animasi" width="130px" height="130px"/></div></div>

<p class='catatan' id='koteks'>
<marquee scrollamount="8" id="marq"><i id="spasi"></i>
Yeay makasi ya :v<i id="spasi"></i>
Kapan nih ditraktirinnya? <i id="spasi"></i>
Candaa candaa :v<i id="spasi"></i>
HBD yaa </marquee>
</p>

<!-- Tombol WA --><div id="tombWA"><a class='button' onClick='bukaWa();'>Kirim Pesan</a></div>

</div>

<script>
function play() {//Link Audio Bisa Diganti
var audio = new Audio('https://kuisberhadiah.likeadream.repl.co/musiktiktok.m4a');audio.play();audio.loop=true;audio.addEventListener('ended', function() {this.currentTime = 0;this.play();}, false);}         

//Pesan WhatsApp
 function bukaWa(){window.location = "https://api.whatsapp.com/send?phone=&text=" + window.nama + " udah liat semuanya. Enak aja lu minta traktir :v" + "%0A%0A" + "Btw makasih udah ngucapin ><";} 
</script>
 
<script type="text/javascript">            
            var today = new Date();var date = today.getDate()+'/'+(today.getMonth()+1)+'/'+today.getFullYear()+'.';var dateTime = date;
            const swals = Swal.mixin({
                backdrop: 'rgba(0,0,123,0.4)', confirmButtonColor: '#003EFF', cancelButtonColor: '#FF0040', allowOutsideClick: false,
            });
            async function mulai(){          	
                var { value: nama } = await swals.fire({
                    title: 'Nama kamu?',
                    input: 'text',
                    confirmButtonText: 'Lanjut',
                    showCancelButton: false,
                });                           
                if(nama && nama.length < 11){
                	play();
                	window.nama = nama;
                    await swals.fire('Hai, ' + nama + ' manis ツ');                    
                    await swals.fire('Cie yang hari ini ultah ');
                    await swals.fire('Selamat ulang tahun!');
                    await swals.fire('Panjang umur & sehat selalu <3');
                    pilihwarna();
                //                                   
                } else {
                    await swals.fire('Ups!', 'Nama tidak boleh kosong atau lebih dari 10 karakter, ya!');
                    mulai();
                }
            }            
            mulai();
</script>
<!-- Di bawah ini JANGAN DIEDIT SEMBARANGAN -->
<script>
  function tombol() {document.getElementById('tombWA').style.visibility = "visible";document.getElementById('tombWA').style.opacity = "1";}  
  async function expl(){document.getElementById('bodyblur').style.opacity = "1";document.getElementById('bodyblur').style.visibility = "visible";setTimeout(duar,200);}
  
async function duar(){
var e1 = document.getElementById('animasi');e1.classList.add("degdeg");
document.getElementById('konten').style.top = "0";document.getElementById('fotoloveu').style.opacity = "1";document.getElementById('fotoloveu').style.height = "140px";document.getElementById('fotoloveu').style.margin = "50px 0 0 0";document.getElementById('koteks').style.opacity = "1";
setTimeout(tombol,4000);setInterval(createHeart,200);
document.body.style.backgroundColor = "#000";
}

const body = document.querySelector("body");
function createHeart() {
    const heart = document.createElement("div");
    heart.className = "fas fa-heart";
    heart.style.left = (Math.random() * 90)+"vw";
    heart.style.animationDuration = (Math.random()*3)+2+"s"
    body.appendChild(heart);
}
setInterval(function name(params) {
    var heartArr = document.querySelectorAll(".fa-heart")
    if (heartArr.length > 100) {
       heartArr[0].remove()
    }
},100);

function StartMarquee(){var marquee = document.getElementById ("marq");marquee.start();}
function StopMarquee(){var marquee = document.getElementById ("marq");marquee.stop();}
StopMarquee();

async function pilihwarna(){
  var { isConfirmed: warna } = await swals.fire({
  title: 'Oh iya, ' + nama + ' mau pilih warna apa nih?',
  text: 'Ayo, jangan ragu-ragu :v',
  showCancelButton: true,
  confirmButtonText: 'Biru',
  cancelButtonText: 'Merah',
});
if(warna){
    await swals.fire('Yeayy!', 'Kalo kamu pilih <b>Biru</b> berarti harus traktirin gw ya !');
    var { isConfirmed: warna2 } = await swals.fire({
    title: nama + ' yakin pilih warna Biru?', 
    text: 'Atau mau ganti warna aja nih?', showCancelButton: true,
    confirmButtonText: 'Yakin',
    cancelButtonText: 'Ganti',
});
if(warna2){
    await swals.fire('Oke!', `Sekarang lihat ini ya `);
    expl();StartMarquee();
  } else {
    await swals.fire('Oke, memilih Merah!', 'Sama aja sih sebenernya, cuma kalo Merah traktirinnya harus lebih banyak yaa ');
    expl();StartMarquee();
}
//Selingan
  } else {
    await swals.fire('Yeayy!', 'Kalo kamu pilih <b>Merah</b> berarti harus traktirin gw ya !');
    var { isConfirmed: warna2 } = await swals.fire({
    title: nama + ' yakin pilih warna Merah?', 
    text: 'Atau mau ganti warna aja nih?', showCancelButton: true,
    confirmButtonText: 'Ganti',
    cancelButtonText: 'Yakin',
});
if(warna2){    
    await swals.fire('Oke, memilih Biru!', 'Sama aja sih sebenernya, cuma kalo Biru traktirinnya harus lebih banyak yaa ');
    expl();StartMarquee();
  } else {
    await swals.fire('Oke!', `Sekarang lihat ini ya `);
    expl();StartMarquee();
}
}
}
</script>
</body>
</html>

Script HTML Bucin Minta Maaf

Script HTML Bucin Minta Maaf

Pernahkah kamu berpikir ingin meminta maaf kepada orang yang kamu sayangi dengan penyampaian yang berbeda agar supaya kamu dimaafkan.

Nah, jika kamu meminta maaf ke orang yang kamu cintai tetapi tidak mendapatkan respon. Kamu bisa mencoba melakukan cara yang satu ini yaitu dengan mengirimkan dalam bentuk visual menggunakan kode HTML.

Berikut adalah Script HTML Bucin minta maaf:

Source Code:


<html><meta charset='UTF-8'/><meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/><meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<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;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet"><script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script><link href="https://Blog.feeldream.repl.co/style.css" rel="stylesheet" type="text/css" />
<!--<link href="https://drive.google.com/uc?export=view&id=" rel="stylesheet" type="text/css" /><script src="https://mending.htmlku.repl.co/script.js"></script>-->
<head>
<title>Script HTML</title>
<!-- 
  Made with love by Rayys!

     Blog: https://PalingIT.com
     Instagram: @rayyarrr
     TikTok: @rayy4r
     Email: rayyar0703@gmail.com

  Thanks to all <3
-->
</head>
<style>
:root {
--warna-bg: rgba(0, 0, 0, .4); 
--warna-teks: white;
--warna-bingkai: rgba(255, 255, 255, .7);
--bingkai: 10px;
--gaya-font: 'Ubuntu', sans-serif;
--gaya-font2: 'Dancing Script', sans-serif;
}
body{background-color:#101010;font-family:var(--gaya-font);padding: 25px;-webkit-user-select: none; -ms-user-select: none; user-select: none;} a{text-decoration:none;}
body::before{content:"\00A9  Script HTML Bucin";color:white;opacity:.4;font-size:8px;position:fixed;bottom:25px;left:25px;text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);z-index:2}
#bgbelakang{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);transition:all 1s ease;} #wallpaper{transition:all 3s ease;}
#beneranblur{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);transition:all 3s ease;}
#bgbelakang img{opacity:.8;width:100%;height:100%}

@keyframes leaves {0% {transform: scale(1.0);} 100% {transform: scale(.8);}}
#lope, .lopdeg{animation: leaves 1s ease-in-out infinite alternate;-webkit-animation: leaves 1s ease-in-out infinite alternate;}
.lovein:hover{transform: scale(1.3);}

@keyframes kont{0%  {left:-1px; top:-3px;} 50% {left:1px; top:3px;} 100% {left:-1px; top:-3px;}}
blockquote{opacity:0;visibility:hidden;transition:all 1s ease;position:relative;margin-left:0;margin-right:0;}
blockquote{width:400px;min-height:30px;background:none;color:var(--warna-teks);text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);text-align:center;line-height:1.3em;padding:25px;border: 0px solid var(--warna-bingkai);border-radius:var(--bingkai);}
p{opacity:0;color:var(--warna-teks);font-size:18px;font-weight:700;line-height:1.4em;margin:0px 33px;text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);transform: scale(.1);transition:all .3s ease;}
#spasi::before{content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"}
#kalimat, #kalimatc{opacity:1;transform: scale(1);}
#kalimatc{font-size:19px;font-weight:400}

#katajawab{font-weight:400;margin:0;display:none;}
@keyframes rto{from {transform:scale(1);} to {transform:scale(1.1);}}
@keyframes aniopa{0% {transform: scale(1);} 50% {transform: scale(.75);} 100% {transform: scale(1);}}
#katabawah{transform:scale(.1);font-size:30px;font-weight:400}
#katatiga{font-size:18px;} #kataempat{font-size:13px;font-weight:400;text-align:right;}
@keyframes rtf{from {transform: rotate(0deg);} to {transform: rotate(360deg);}} @keyframes rt{from {transform: scale(.9);/* transform: rotate(-5deg); */} to {transform: scale(1);/* transform: rotate(5deg); */}}
#bq img{display:none;padding:10px;width:130px;height:130px;margin:20px 0 0 0;}
#bq img:first-child{display:inline-flex}
#akhiran{display:none;color:#FFC700;font-size:14px;text-align:center;background:rgba(0,0,0,.55);text-shadow: 0px;padding:10px;border-radius:var(--bingkai);line-height:10px;transition:all .2s ease;} #akhiran:hover{transform: scale(.9);opacity:.5;}

#pergeseran{opacity:0;visibility:hidden;transition:all 1s ease;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;position:relative;max-width:500px;padding:0 20px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch}
#pergeseran p{background:#003A76;color:white;border: 1px dashed #fff;border-radius:8px;padding:8px;display:flex;flex-wrap:nowrap;text-align:center;font-size:16px;font-weight:700;align-items:center;justify-content:center;flex-shrink:0; width:90%; min-height:130px;margin:0 15px 0 0; scroll-snap-align:center} #pergeseran > *:last-child{margin-right:0} #pergeseran:after{content:'';display:block;flex-shrink:0; align-self:stretch;padding-left:20px}
#pergeseran p b{display:block;} #pergeseran p b img{width:80px;height:80px;margin:20px 0;}
/*#pergeseran p b span{display:flex;}*/
#tm{color:#FFB400;transition:all .5s ease;} #tm:hover{transform: scale(.7);}
#idgeser{position:relative;top:30vh;font-size:17px;color:white}

#Tombol{position:relative;opacity:0;margin:0;margin-top:-100px;display:flex;align-items:left;list-style:none;transform: scale(.1);transition:all 1s ease;}
#Tombol a{cursor:pointer;display:inline-flex;align-items:center; margin:0;margin:12px 0 12px 0;transition:all .2s ease;padding:10px;outline:0;border:1px solid var(--warna-bingkai);border-radius:8px;line-height:15px;background:var(--warna-bg);color:var(--warna-teks);font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;z-index:1} 
#Tombol a:hover{border-left:4px solid var(--warna-bingkai);border-right:4px solid var(--warna-bingkai);transform: scale(.90);opacity:.98;}

.lovein{font-size:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.lovein svg{width:80px;height:80px;fill:#fefefe}

.content2{display:block;text-align:center;width:100%;height:180px;margin-top:50px;}
.content2 > *{display:flex;align-items:center;justify-content:center;margin-top:15px;font-size:17px;color:white}
.image img{border-radius:10%;transform:scale(.1);transition:all .8s ease;}
#k2 .image > *{margin-bottom:40px;} #k2{font-weight:700;font-size:17px;color:white;text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);} #final1{transition:all 3s ease;}

#idkirim{font-size:13px;text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);color:white;transition:all .5s ease;}
#idkirim{opacity:0;visibility:hidden;margin-top:100px} #idkirim:hover{transform:scale(.8);}

.content2{display:none;}
#Content{animation-name:none;animation-duration: 3s;animation-iteration-count: infinite;position:relative;opacity:0;margin-top:50px;width:100%;height:180px}
#Content > *{display:flex;align-items:center;text-align:center;justify-content:center;margin-top:15px;}
#Content img{display:none;background:rgba(255,255,255, 1);border-radius:50%;padding:10px;width:110px;height:110px;margin:20px 0 0 0;}
#fotoakhir{}

.swal2-modal > *{font-size:16px}
.swal2-title{line-height:1.3em;margin-right:30px;margin-left:30px;font-size:17px;text-align:center;padding:15px 30px 0 30px;}
.swal2-timer-progress-bar-container > *{opacity:.3;background:#007AFF;margin:0 5px}
.swal2-modal{background:rgba(255,255,255,1);border: .7px solid #fff;border-radius:var(--bingkai);top:-60px;}

.fa-heart {opacity:.3;color:white;font-size: 30px;position: absolute;animation:  heartMove linear 1;top: -10vh;z-index: 0;}
@keyframes heartMove {0%{transform: translateY(-10vh) ;} 100%{transform: translateY(100vh) ;}}
</style>
<body>

   <div id="bgbelakang">
     <!-- Wallpaper --><img src="https://feeldreams.github.io/wphd.jpeg" id="wallpaper"/><div id="beneranblur"></div>
   </div>

   <div id='Content'>
   <!-- Foto Atas --><div><img id="fotosatu" src=""/><img id="fotodua" src=""/><img id="fototiga" src=""/><img id="fotoempat" src=""/><img id="fotolima" src=""/></div>
   <div><blockquote id='bq'>
   <p id="kalimat">...</p>
   <p id="kalimatc"></p>
   </blockquote></div>
   
   <!-- Tombol -->
     <div id="Tombol">
       <a onClick="sjawab()">
         <b id="By"> Balas</b>
       </a>
     </div>
   </div>
<div class='sticky-ad' id='sticky-ad'>
 <div class='adB'><a rel="dofollow" href='https://www.google.com/url?sa=t&source=web&rct=j&url=https://www.palingit.com/2022/03/script-bucin.html&ved=2ahUKEwjLksuj6L34AhWpumMGHVg7DlAQFnoECA4QAQ&usg=AOvVaw04Outo52rK1lRRowGry9ZA'>Lihat Script HTML Lainnya di Sini!</a></div>
<button aria-label='Close this ad' class='sticky-ad-close-button' onclick='hilangkan();'/>
</div>
<!-- Jangan Edit Bagian Ini --><script>
  function tunjukkan(){document.getElementById("sticky-ad").style = "bottom: 0px";}
function hilangkan() {document.getElementById("sticky-ad").style = "bottom: -130px";}
  function showDiv() {setTimeout(setel,50);pergantian();setTimeout(kpemb,100);document.getElementById('Content').style = "opacity:1;margin-top:4vh;animation:kont 5s infinite;";document.querySelector("body").style.animation = "none 8s ease infinite";} function kpemb() {bq.style = "opacity:1;visibility:visible;margin-top:5px";}
  function loadfoto(){fotosatu.style="display:inline-flex";fotosatu.src = gambar1;fotodua.src = gambar2;fototiga.src = gambar3;fotoempat.src = gambar4;fotolima.src = gambar5}
  function tombol(){Tombol.style="opacity:1;transform: scale(1);";ftom=1;} ftom=0; function fakhiran(){document.getElementById("akhiran").style = "display:inline-flex";}
  const swals = Swal.mixin({allowOutsideClick: false, cancelButtonColor: '#FF0040',}); const swalsy = Swal.mixin({confirmButtonText: 'Iya', allowOutsideClick: false,}); const swalst = Swal.mixin({allowOutsideClick: false, showConfirmButton: false, timer: 1200, timerProgressBar: true, didOpen: () => {Swal.showLoading();const b = Swal.getHtmlContainer().querySelector('b');timerInterval = setInterval(() => {Swal.getTimerLeft()}, 100)},willClose: () => {clearInterval(timerInterval)}}); const style = document.createElement('style'); var today = new Date();var dd = String(today.getDate()).padStart(2, '0');var mm = String(today.getMonth() + 1).padStart(2, '0');var yyyy = today.getFullYear();const monthNames = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];today = dd + ' ' + monthNames[today.getMonth()] + ' ' + yyyy;
  function otomatis() {befanimkata();setTimeout(animkata,200);} function befanimkata(){kalimat.style="transform:scale(.3);";} function animkata() {kalimat.style="transform:scale(1);";}
  function otomatis2() {befanimkataa();setTimeout(animkataa,200);} function befanimkataa(){kalimatc.style="transform:scale(.3);font-size:14px;margin-top:30px;";} function animkataa() {kalimatc.style="transform:scale(1);font-size:14px;margin-top:30px;";}
  function finalakhir(){ftom=2;otomatis2();By.innerHTML = "Kirim Pesan";kalimatc.innerHTML = "Jawabanmu: " + pesanwhatsapp;} function sjawab(){if(ftom==1){kalimatc.innerHTML = "";otomatis2();jawab();} if(ftom==2){menuju();}}
  function setel(){audio.play();} function setel2(){bgm.play();} 
  var aa=0,kata1;function ngetik() {if(aa<kata1.length){kalimat.innerHTML += kata1.charAt(aa);aa++;setTimeout(ngetik,40);}}
  var au=0,kata2;function ngetik2() {if(au<kata2.length){kalimat.innerHTML += kata2.charAt(au);au++;setTimeout(ngetik2,40);}}
  var ai=0,kata3;function ngetik3() {if(ai<kata3.length){kalimat.innerHTML += kata3.charAt(ai);ai++;setTimeout(ngetik3,40);}}
  var ae=0,kata4;function ngetik4() {if(ae<kata4.length){kalimat.innerHTML += kata4.charAt(ae);ae++;setTimeout(ngetik4,40);}}
  var ao=0,kata5;function ngetik5() {kalimat.style="font-size:20px";if(ao<kata5.length){kalimat.innerHTML += kata5.charAt(ao);ao++;setTimeout(ngetik5,60);}}
  function bawahlagi(){setTimeout(tombol,1000);kalimatc.style="margin-top:30px;";kalimatc.innerHTML = emot;}
  
  function pergantian(){setTimeout(gantikata,1100);setTimeout(gantikata,2500);setTimeout(gantikata,3850);setTimeout(gantikata,4700);setTimeout(gantikata,5800);}
  function tfkata(){fkata+=1;} function bersihkan(){kalimat.innerHTML = "";}
  fkata=1;function gantikata(){
        if(fkata==1){kalimat.innerHTML = "";setTimeout(ngetik,50);}
        if(fkata==2){kalimat.innerHTML = "";setTimeout(ngetik2,50);fotosatu.style="display:none";fotodua.style="display:inline-flex;"}
        if(fkata==3){kalimat.innerHTML = "";setTimeout(ngetik3,50);fotodua.style="display:none";fototiga.style="display:inline-flex";}
        if(fkata==4){kalimat.innerHTML = "";setTimeout(ngetik4,50);fototiga.style="display:none";fotoempat.style="display:inline-flex";}
        if(fkata==5){wallpaper.style="transform: scale(1.8)";kalimat.innerHTML = "";setTimeout(ngetik5,50);setTimeout(bawahlagi,1700);fotoempat.style="display:none";fotolima.style="display:inline-flex";tunjukkan();}
        setTimeout(tfkata, 300);
  }
</script> <!-- Sampai Sini -->

<!-- Ganti Kata², Foto, Lagu di bawah ya
1) Upload foto ke https://postimages.org
     buat dapetin linknya
2) Ganti Lagu Upload ke replit.com
     atau bisa juga ke mailboxdrive.com -->

<script type="text/javascript">
       async function menuju(){await swals.fire('Kirim pesan ke WhatsApp aku, ya!');window.location = "https://api.whatsapp.com/send?phone=&text=" + pesanwhatsapp;}
       async function jawab(){
           var { value: jawaban } = await swals.fire({
               title: 'Ga Sengaja Sumpah ', 
               input: 'text', allowOutsideClick: false, showCancelButton: false,
           });
           if(jawaban && jawaban.length < 21){
           	window.jawaban = jawaban;
               pesanwhatsapp = jawaban;
               finalakhir();
           } else {
               await swals.fire('Ups!', 'Jawaban tidak boleh kosong atau lebih dari 20 karakter, ya!');jawab();
           }
       }

      async function pertama(){
         audio = new Audio('https://feeldreams.github.io/gasengaja.mp3');
         
         gambar1 = "https://feeldreams.github.io/bunga.gif";
         gambar2 = "https://feeldreams.github.io/weee.gif";
         gambar3 = "https://feeldreams.github.io/pusn.gif";
         gambar4 = "https://feeldreams.github.io/pusn.gif";
         gambar5 = "https://feeldreams.github.io/emawh.gif";
         
         kata1 = "Aku Minta Maaf ya,";
         kata2 = "Kalau Aku Suka Sama Kamu";
         kata3 = "Ga Sengaja >.<";
         kata4 = "Sumpah :v";
         kata5 = "Love You ";

         loadfoto();await swalst.fire('Tunggu');await swals.fire('Selamat datang!', 'Sekarang lihat ini ya :)');setTimeout(showDiv,300);
       } pertama();
</script>
</body>
         </html>

Itulah beberapa Script HTML Bucin untuk ulang tahun dan minta maaf yang bisa kamu bagikan ke orang tersayang. Silahkan kamu coba dan semoga berhasil.

SHARE:

SEO Specialist di bidangnya. Mempunyai team yang punya pengalaman sebagai akademisi maupun praktisi.

Tinggalkan komentar

Konten dengan Hak Cipta Dilarang Copy-Paste