Tutorial Script HTML Bucin Sinkronin 2024
Apa itu Script HTML Bucin?
Script HTML Bucin adalah kode yang digunakan untuk membuat halaman web yang romantis dan penuh dengan kata-kata sayang serta gambar-gambar lucu. Script ini sedang populer di kalangan remaja masa kini karena dapat digunakan untuk menyatakan perasaan kepada pasangan dengan cara yang unik dan kreatif.
Pertama-tama, kita perlu memahami apa itu script HTML Bucin. Script ini merupakan kumpulan tag HTML, script JavaScript, dan CSS yang digunakan untuk membuat tampilan halaman web yang romantis dan menarik. Dalam script HTML Bucin, biasanya terdapat banyak gambar lucu, animasi, dan musik romantis yang dapat menambah suasana romantis pada halaman web.
Untuk membuat halaman web dengan script HTML Bucin, pertama-tama kita perlu menentukan desain yang diinginkan. Desain halaman web Bucin biasanya menggunakan warna-warna pastel yang cerah dan font yang lucu serta imut. Selain itu, gambar-gambar lucu seperti emoji, boneka, atau karakter kartun juga sering digunakan sebagai elemen dekorasi pada halaman web.
Setelah menentukan desain, selanjutnya kita bisa mulai membuat halaman web Bucin dengan menggunakan tag HTML. Beberapa tag HTML yang sering digunakan pada halaman web Bucin antara lain:
- Tag Header dan Footer Tag ini digunakan untuk membuat header dan footer pada halaman web Bucin. Pada header, biasanya terdapat judul halaman web dan gambar lucu yang menarik perhatian. Sedangkan pada footer, kita bisa menambahkan pesan sayang atau quote yang romantis.
- Tag Navigation Tag ini digunakan untuk membuat menu navigasi pada halaman web Bucin. Menu navigasi biasanya terdiri dari beberapa link yang mengarahkan pengunjung ke halaman web lainnya.
- Tag Slider Tag ini digunakan untuk membuat slider pada halaman web Bucin. Slider berfungsi untuk menampilkan gambar atau foto secara otomatis dengan efek transisi yang menarik. Kita bisa menambahkan gambar-gambar lucu atau foto bersama pasangan sebagai konten slider.
- Tag Popup Tag ini digunakan untuk membuat popup pada halaman web Bucin. Popup biasanya muncul saat pengunjung membuka halaman web dan berisi pesan sayang atau quote yang romantis.
- Tag Modal Tag ini digunakan untuk membuat modal pada halaman web Bucin. Modal berfungsi untuk menampilkan gambar atau foto secara besar-besaran dengan efek transisi yang menarik. Kita bisa menambahkan gambar-gambar lucu atau foto bersama pasangan sebagai konten modal.
Script Bucin Sinkronin
Berdasar dari beberpa sumber pilihan, script HTML bucin Sinkronin merujuk pada web bernama Sinkronin yang menyediakan sekumpulan skrip HTML dengan instan buat visitornya tanpa perlu mikirin gimana cara codingannya. Jadi kamu ga usah buang waktu dan tenaga untuk membuat script HTML secara manual.
Menurut sumber yang sama, situs web tersebut saat ini berubah nama menjadi PalingIT dan masih bisa kamu akses dengan gratis dan mudah.
Dihimpun dari laman PalingIT dan sumber lainnya, berikut kumpulan script HTML bucin Sinkronin yang bisa kamu kirimkan ke pasangan, sahabat, ataupun orang terdekat.
- Script HTML Bucin Anniversary:
- Lihat : https://withyou.feeldream.repl.co/Index.html
- Download :https://sfile.mobi/IduA1m75yE7
- Script HTML Versi Selamat Ulang Tahun:
- Lihat : https://bukasebentar.feeldream.repl.co/
- Download:https://sfile.mobi/suq9yVhBVm7
- Script HTML Minta Maaf:
- Lihat :https://gasengaja.feeldream.repl.co/
- Donwload: https://sfile.mobi/1lpOvRNjKI47
Untuk referensi script HTML bucin Sinkron lebih lengkap, kamu bisa langsung mengunjungi website PalingIT. Kamu bisa cek script lainnya untuk kamu pakai sesuai kebutuhan kamu.
Bagaimana Cara Mengirim Script Bucin HTML ?
Setelah mengetahui skrip HTML bucin Sinkron, ikuti cara mengirimkan skrip tersebut ke orang terdekatmu.
- Kunjungi laman PalingIT di palingit.com
- Di halaman utama laman, kamu akan menemukan daftar script HTML bucin dengan berbagai isi pesan sesuai kondisi yang diinginkan.
- Lalu, pilih salah satu skrip HTML yang ingin kamu kirimkan ke orang terdekatmu.
- Untuk mendownload, klik pilihan ‘Ambil’. Kamu juga dapat melihat preview dengan klik pilihan ‘Lihat’. Kedua pilihan tersebut terletak tepat di bawah nama script HTML.
- Saat proses download selesai dilakukan, kamu bisa membuka file tersebut. Biasanya, file script HTML memiliki format .zip sehingga kamu perlu mengextract terlebih dahulu.
- Setelah proses extract file selesai dilakukan, kamu bisa langsung mengirimkannya ke orang terdekatmu melalui WhatsApp ataupun medium lainnya.
- Pilihan lain juga kamu bisa kirimi link dari opsi ‘Lihat’ dan kirimkan pada orang terdekatmu.
Itulah informasi seputar skrip HTML bucin sinkron lengkap dengan cara mengirimkannya ke orang tersayang. Selamat mencoba!
Bikin Script HTML Sendiri
Kamu mau bikin script html sendiri dengan coding dan design yang kamu buat sendiri ?
Jangan cuma pakai script html yang udah jadi aja, kamu juga bisa belajar html lebih dalam sehingga kamu bisa buat ungkapan melalui website buatan kamu sendiri tentunya . Hal ini akan jadi nilai tambah buat pasangan karena melihat kerja keras kamu.
Kumpulan Script HTML Bucin Ala Anak IT
- Script Nembak Cewe Ala Anak IT
Kita udah sempet bagiin video yang kaya di bawah nih
Script HTML Bucin Ke Cowok/Cewek Terbaru 2022
Nih langsung cus download
<html>
<body>
<h1>Hai Cantik!</h1>
<img src="https://c.tenor.com/Z8ezUHZzcLoAAAAC/love.gif" />
<h1>Maukah kamu menjadi pacarku?</h1>
<button id="btn_mau" onclick="alert('I LOVE YOU')">Mau</button>
<button id="btn_gamau" onclick="gamau(this)" style="position: absolute">
Gamau
</button>
</body>
<script>
function gamau(id) {
var mau = document.getElementById("btn_mau");
var i = Math.floor(Math.random() * 300) + 1;
var j = Math.floor(Math.random() * 100) + mau.offsetTop;
id.style.left = i + "px";
id.style.top = j + "px";
}
</script>
</html>2. Tutorial Ngelamar Ayank Ala Anak IT
<html>
<head>
<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"><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script><script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script><link href="https://Bbyy.feeldream.repl.co/style.css" rel="stylesheet" type="text/css" /><script src="https://Bbyy.feeldream.repl.co/script.js"></script>
<title>Script HTML Bucin Buat Pacar</title>
</head>
<body>
<div id="bodyblur">
<img id="wallpaper" src="" width="100%" height="100%"/>
</div>
<div id='Content'><p id="idgeser"></p>
<div>
<blockquote id='bq'>
<img id="foto1" src=""/>
<img id="foto2" src=""/>
<img id="foto3" src=""/>
<img id="foto4" src=""/>
<img id="foto5" src=""/>
<img id="foto6" src=""/>
<p id="katakata"></p>
<p id="katabawah"></p>
</blockquote>
</div>
<div id="contTom" style="display:none;">
<a id="By" class='button' onClick="terima()"></i>Lanjut</a><b id='buttonv2'></b><a id="Bn" class='button' onClick="tolak()"></i>Engga</a>
</div>
</div>
<script>
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);
</script>
<script>
function nonFo() {
document.getElementById('idfoto').style.display = "none";
}
function showFo() {
document.getElementById('idfoto').style.display = "block";
}
function nonDiv() {
document.getElementById('Content').style = "opacity:0;visibility:hidden;margin-top:30vh;";
}
function showDiv() {
Bn.style="display:none";
setTimeout(kpemb,100);
document.getElementById('Content').style = "opacity:1;margin-top:4vh;animation:kont 3s infinite;";
document.getElementById("katakata").innerHTML = kata1;
}
function loadfoto() {
document.getElementById('foto1').src = gambar1;
document.getElementById('foto2').src = gambar2;
document.getElementById('foto3').src = gambar3;
document.getElementById('foto4').src = gambar4;
document.getElementById('foto5').src = gambar5;
document.getElementById('foto6').src = gambar6;
}
function showAkhir() {
setInterval(createHeart,200);
document.getElementById('k2').style = "opacity:1;transform:scale(1);margin:0;";
document.getElementById('ftdua').style = "transform:scale(1);";
document.getElementById('final1').style = "transform:scale(1);";
document.getElementById('Content').style.display = "none";
}
function mulaiakhir() {
nonDiv();
setTimeout(showAkhir,1400);
setTimeout(finalis,2400);
}
function showTom() {
document.getElementById('idkirim').style = "opacity:1;visibility:visible;margin-top:140px;";
}
function tombol(){
contTom.style="display:flex";
}
function otomatis() {
befanimkata();setTimeout(animkata,400);
contTom.style="display:none";
setTimeout(tombol,1200);
}
function befanimkata(){
katakata.style="transform:scale(.01);";
katabawah.style="transform:scale(.01);";
}
function animkata() {
katakata.style="transform:scale(1);";
katabawah.style="transform:scale(1);";
}
async function terimateks(){
By.innerHTML = "Mau";Bn.style="display:flex";
setTimeout(animkata,400);setTimeout(kats,1500);
}
async function tolakteks(){
await swalst.fire('' + teksnolak);
}
var aa=0,pemb;
pemb = "";
var ii=0,katanya;
katanya = "";
var i=0,katanyab;
katanyab = "";
var u=0,text2;
text2 = "";
var o=0,text3;
text3 = "";
var a=0,final1;
final1 = "";
var ab=0,final2;
final2 = "";
function kpemb() {
if(aa<pemb.length){
document.getElementById("idgeser").innerHTML += pemb.charAt(aa);
aa++;setTimeout(kpemb,40);
}
if(aa==pemb.length){
setTimeout(tombol,1200);
document.getElementById("idgeser").style = "display:none";
document.getElementById("bq").style = "opacity:1;visibility:visible;margin-top:0";
document.getElementById('bodyblur').style = "opacity:1;";
}
}
function kats() {
if(ii<katanya.length){
document.getElementById("katabawah").innerHTML += katanya.charAt(ii);
ii++;
setTimeout(kats,80);
}
if(ii==katanya.length){
document.getElementById("katabawah").innerHTML = katanya + emotsenyum;
setTimeout(tombol,800);
}
}
function kbwh() {
if(i<katanyab.length){document.getElementById("katabawah").innerHTML += katanyab.charAt(i);
i++;
setTimeout(kbwh,180);
}
if(i==katanyab.length){
document.getElementById("katabawah").innerHTML = katanyab + emotsenyum;
setTimeout(tombol,800);
}
}
flag=1;
flagg=1;
function tolak(){
if(fungsi==1){
if(flagg==1){
Bn.style="margin-left:90px;transform: rotate(45deg)";
buttonv2.style="opacity:1;";
By.style="opacity:0";
document.getElementById("buttonv2").innerHTML = tekstolak1;
flagg=2
}
else if(flagg==2){
Bn.style="margin-left:95px;transform: rotate(135deg)";
document.getElementById("buttonv2").innerHTML = tekstolak2;
flagg=3
}
else if(flagg==3){
Bn.style="margin:12px 8px 12px 0;transform: rotate(360deg)";
buttonv2.style="opacity:0;";
By.style="opacity:1";
flagg=1
}
}
else if(fungsi==5){
if(flag==1){
Bn.style="margin-left:90px;";
buttonv2.style="opacity:1;";
By.style="opacity:0";
document.getElementById("buttonv2").innerHTML = tekstolak11;
flag=2;
}
else if(flag==2){
Bn.style="margin-left:95px;transform: rotate(90deg)";
document.getElementById("buttonv2").innerHTML = tekstolak22;
flag=3;
}
else if(flag==3){
Bn.style="margin:12px 8px 12px 0";
buttonv2.style="opacity:0;";
By.style="opacity:1";
flag=1;
}
}
}
tekstolak1 = "Eits 😝";
tekstolak11 = "Yakin?";
tekstolak2 = "Gabisa 😝";
tekstolak22 = "Eits 😝";
teksnolak = "Harus mau!!! 😝";
fungsi=1;
async function terima(){
if(fungsi==1){
foto1.style="display:none";
foto2.style="display:inline-flex";
katakata.innerHTML = kata2;
otomatis();
fungsi=2
}
else if(fungsi==2){
foto2.style="display:none";
foto3.style="display:inline-flex";
katakata.innerHTML = kata3;
otomatis();fungsi=3
}
else if(fungsi==3){
foto3.style="display:none";
foto4.style="display:inline-flex";
katakata.innerHTML = kata4;
otomatis();
fungsi=4
}
else if(fungsi==4){
foto4.style="display:none";
foto5.style="display:inline-flex";
katakata.innerHTML = kata5;
terimateks();
befanimkata();
setTimeout(animkata,400);
contTom.style="display:none";
fungsi=5
}
else if(fungsi==5){
foto5.style="display:none";
foto6.style="display:inline-flex";
katakata.innerHTML = katakhir;
document.getElementById("katabawah").innerHTML = katakhirb;
befanimkata();
setTimeout(animkata,400);
contTom.style="display:none";
setTimeout(akhiran,3300);
setInterval(createHeart,200);
}
}
</script>
<script type="text/javascript">
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: 1000, timerProgressBar: true,});
// Ganti isinya di sini
async function apapun() {
await swals.fire('Sekarang lihat ini ya ~');
pemb = ".... ";
wallpaper.src = "https://wallpaperaccess.com/full/2214754.jpg";
gambar1 = "https://i.ibb.co/4Ppd5jv/snuggles-caring-1.gif";
kata1 = "Ayaaangg ❤";
gambar2 = "https://i.ibb.co/mtWVxKH/gigit.gif";
kata2 = "Aku mau ngomong serius nih";
gambar3 = "https://i.ibb.co/cT3t21h/tkthao219-bubududu-2.gif";
kata3 = "Tahukah kamu?";
gambar4 = "https://kamu.feeldream.repl.co/g4.gif";
kata4 = "Satu-satunya orang yang memenuhi syarat untuk menjadi istriku adalah kamu.";
gambar5 = "https://kamu.feeldream.repl.co/g5.gif";
kata5 = "karena, syarat pernikahan yang langgeng adalah jatuh cinta berkali-kali pada orang yang sama";
katanya = "Will you marry me?"; emotsenyum = "😃";
gambar6 = "https://i.ibb.co/JyKdNBp/yeay.gif";
katakhir = "Yeayyy! Makasih ayaangg ❤";
katakhirb = "I Love You ❤❤❤";
showDiv();loadfoto();play();
}
apapun();
</script>
</body>
</html>3. Script html bucin minta maaf
Ini script html minta maaf ke ayank kamu yang lagi marah
<!DOCTYPE html>
<html>
<body>
<h1>Ayang, masih ngambek aja nih?</h1>
<iframe
src="https://giphy.com/embed/xUOwFZmWUC2QDHKu4M"
width="400"
height="400"
frameborder="0"
class="giphy-embed"
allowfullscreen
></iframe>
<h1>Maafin aku plisss</h1>
<button id="btn_mau" onclick="alert('Makasih ayang :D')">Iya</button>
<button id="btn_gamau" onclick="gamau(this)" style="position: absolute">
Ga
</button>
</body>
<script>
function gamau(id) {
var mau = document.getElementById("btn_mau");
var i = Math.floor(Math.random() * 300) + 1;
var j = Math.floor(Math.random() * 100) + mau.offsetTop;
id.style.left = i + "px";
id.style.top = j + "px";
}
</script>
</html>
Belajar Cara Coding HTML di Kursus Front-End
Mau belajar bikin website tapi masih bingung mulai darimana ? Coding Studio bisa bantu kamu dengan kursus front-end. Kamu akan mendapatkan pembelajaran fundamental bahasa html,css,js di kursus tersebut. Dengan mempelajari kursus ini Kamu bisa merintis karir menjadi seorang Front-End Developer yang sekarang banyak diminati oleh perusahaan/startup untuk direkrut ataupun menjadi freelancer web developer.
