Tutorial Membuat Script Deface HTML

Tutorial Membuat Scrip Deface HTML

1. Buat File HTML Baru

Buka text editor (Notepad, VS Code, Sublime Text) lalu simpan dengan nama hacker.html.

2. Tambahkan Script HTML

Berikut contoh kode sederhana untuk tampilan simulasi deface (buat latihan & tampilan offline di komputer kamu):

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hacker Tersakiti</title>
<style>
body {
background-color: black;
color: lime;
font-family: "Courier New", monospace;
text-align: center;
padding-top: 100px;
}
h1 {
font-size: 50px;
color: red;
text-shadow: 0 0 10px white;
}
p {
font-size: 20px;
margin-top: 20px;
}
.blink {
animation: blink 1s infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
</style>
</head>
<body>
<h1>HACKER TERSAKITI</h1>
<p class="blink">💔 Karena cinta ditolak, website pun ikut merasakan 😢</p>
<p>~ By Hacker Tersakiti ~</p>
</body>
</html>
3. Cara Menjalankan
Simpan file hacker.html.

Klik dua kali → otomatis terbuka di browser.

Kamu akan melihat halaman dengan tulisan HACKER TERSAKITI bergaya “deface page” tapi hanya di komputer kamu sendiri.

Tutorial Membuat Halaman HTML versi 2“Hacker Tersakiti” dengan Musik dan Animasi

1. Buat File HTML

Buka text editor (Notepad, VS Code) → simpan dengan nama hacker_tersakiti.html.

2. Tambahkan Script HTML

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hacker Tersakiti</title>
<style>
body {
background-color: black;
color: lime;
font-family: "Courier New", monospace;
text-align: center;
overflow: hidden;
}
h1 {
font-size: 60px;
color: red;
text-shadow: 0 0 15px white, 0 0 20px red;
margin-top: 100px;
animation: pulse 2s infinite;
}
p {
font-size: 20px;
margin-top: 20px;
}
.blink {
animation: blink 1s infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.marquee {
width: 100%;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
position: fixed;
bottom: 10px;
font-size: 18px;
color: #00ffea;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>
</head>
<body>
<h1>HACKER TERSAKITI</h1>
<p class="blink">💔 Karena cinta ditolak, website pun ikut merasakan 😢</p>
<p>~ By Hacker Tersakiti ~</p>
<div class="marquee"><span>Hati yang hancur... lebih sakit daripada error 404 💔 | Hacker Tersakiti Official</span></div>
<audio autoplay loop>
<source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
Browser kamu tidak mendukung musik otomatis.
</audio>
</body>
</html>
3. Jalankan
Simpan file hacker_tersakiti.html.
Klik dua kali → buka di browser.
Akan tampil halaman “deface style” dengan efek judul berdenyut merah, teks berkedip, running text di bawah, dan musik latar otomatis.
⚠️ Ingat: File ini hanya untuk latihan tampilan / estetika di komputer kamu sendiri atau dijadikan template “hacker style page” untuk seru-seruan. Jangan dipakai buat nyerang situs orang lain.
👉 Mau saya tambahin versi yang ada gambar background (wallpaper hacker) biar makin sangar?
Saya lebih suka respons ini
ChatGPT
Respons 2
Oke siap ✌️ saya bikinkan versi lebih keren dengan efek animasi teks + musik latar, tapi tetap aman hanya untuk simulasi tampilan HTML di komputer kamu sendiri (bukan buat nyerang orang lain 🚫).
Tutorial Membuat Halaman HTML “Hacker Tersakiti” dengan Musik & Animasi
1. Buat File Baru
Buka Notepad / VS Code, simpan dengan nama hacker_tersakiti.html.
2. Copy Script Berikut
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hacker Tersakiti</title>
<style>
body {
background: black;
color: lime;
font-family: "Courier New", monospace;
text-align: center;
padding-top: 80px;
}
h1 {
font-size: 60px;
color: red;
text-shadow: 0 0 20px white, 0 0 10px lime;
animation: glow 2s infinite alternate;
}
@keyframes glow {
from { text-shadow: 0 0 5px red, 0 0 10px white; }
to { text-shadow: 0 0 20px red, 0 0 30px lime; }
}
p {
font-size: 20px;
margin-top: 20px;
}
.blink {
animation: blink 1s infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
.marquee {
width: 100%;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
margin-top: 50px;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 12s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
</style>
</head>
<body>
<h1>💔 HACKER TERSAKITI 💔</h1>
<p class="blink">Website ini hanyalah simulasi... bukan beneran di-deface!</p>
<p>~ By Hacker Tersakiti ~</p>
<div class="marquee">
<span>⚡ Cinta ditolak... website merana... ⚡ | ⚡ Hati hancur, code pun bergetar ⚡ | ⚡ Hacker Tersakiti hadir hanya untuk belajar ⚡</span>
</div>
<audio autoplay loop>
<source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
Browser kamu tidak mendukung audio.
</audio>
</body>
</html>

3. Jalankan

Simpan file hacker_tersakiti.html.

Klik dua kali → otomatis terbuka di browser.

Kamu akan lihat animasi teks, tulisan “Hacker Tersakiti” berkedip, plus musik latar 🎶.

👉 Kalau kamu mau, musik bisa diganti pakai link MP3 sendiri (upload di hosting atau ambil dari link bebas copyright).

Tutorial Membuat Script Deface HTML

0 Komentar

Posting Komentar

Iklan Atas Artikel

KONTAK

TOOLS

Navigasi