Kali ini saya akan share tutorial yang mungkin "tidak diperlukan" lagi
oleh para master deface. Namun meski tidak mainstream masih ada yang
bertanya cara membuat Script HTML/ Script Deface. Oleh karena itu saya
mencoba berbagi apa yang saya ketahui, membuat basic script HTML secara
manual. Yang saya gunakan disini hanyalah
Notepad.
Oke, sebelumnya perlu diketahui bahwa script HTML terdiri dari HEAD dan
BODY. Head untuk menaruh judul dan meta tag sementara body diisi dengan
notice/gambar deface.
Kira-kira susunannya seperti ini :
<HTML>
<head>
[kode HTML]
</head>
<body>
[Kode HTML]
</body>
</HTML>
Kita coba membuat title/judul halaman deface dan isi.
Perhatikan saja script sederhana berikut.
<HTML>
<head>
<title>HACKED BY NABILAHOLIC</title>
</head>
<body>
Just simple script by nabilaholic
</body>
</HTML>
Simpan dengan format .html . Sebagai contoh saya simpan dengan nama
hacked.html . Coba buka menggunakan firefox/chrome sobat.
Sip, langkah awal sudah berhasil.
Tahap kedua, kita coba untuk mengatur warna, besar huruf dan menengahkan huruf.
Simak saja scriptnya :
<HTML>
<head>
<title>HACKED BY NABILAHOLIC</title>
</head>
<body>
<center><FONT COLOR="red"><FONT SIZE=6>Just simple script by nabilaholic</FONT></FONT></center>
</body>
</HTML>
Untuk font color bisa diganti dengan green, blue dll. Begitu juga dengan font size. Ini hasilnya :
Tahap ketiga, kita coba memberi warna background pada script HTML.
Lihat script berikut :
<HTML>
<head>
<title>HACKED BY NABILAHOLIC</title>
</head>
<body BGCOLOR="black">
<center><FONT
COLOR="red"><FONT SIZE=6>Just simple script by
nabilaholic</FONT></FONT></center>
</body>
</HTML>
Tinggal menambahkan BGCOLOR di samping kode
<body dan sebelum tanda tutp [
>]
Save dan lihat hasilnya.
Tahap membuat script HTML bagi pemula sudah hampir selesai. Sekarang kita coba untuk menambah gambar pada script HTML kita.
Lihat script berikut :
<HTML>
<head>
<title>HACKED BY NABILAHOLIC</title>
</head>
<body BGCOLOR="black">
<center><FONT
COLOR="red"><FONT SIZE=6>Just simple script by
nabilaholic</FONT></FONT></center>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6Rw2MsNyIRKNnEw9Sq0EFuXFPXMA-nkm8-sf3wmbqFi2yVVSZTpiIrF01iWT_AHIfskiyDjEzHHBFLe_iDz3YZDZmqK9atSdggMyfqqWUuCzsRv8PEgVgHn1-ZFAU-huzemInPuEOJQy/s1600/heavyrotation.jpg" width="860
" height="264
""><center>
</body>
</HTML>
URL gambar yang saya beri warna biru bisa kalian ganti sendiri. Begitu
juga dengan width dan height. Untuk gambarnya bisa cari di google atau
upload di hosting upload gambar . Ex : google picasa, photobucket, dll.
Sekarang,kita coba tambahkan meta tag di komponen HEAD. Apa sih fungsi meta tag ?
Untuk member description dan keyword di hasil pencarian google. Mungkin
kalau dijelaskan dengan kata-kata sulit, coba lihat saja gambar berikut.
Kata yang saya beri tanda merah, itulah yang disebut META DESCRIPTION.
Lihat script berikut :
<HTML>
<head>
<title>HACKED BY NABILAHOLIC</title>
<meta name="description" content="You Got Hacked by Nabilaholic ? Where the security !" />
</head>
<body BGCOLOR="black">
<center><FONT
COLOR="red"><FONT SIZE=6>Just simple script by
nabilaholic</FONT></FONT></center>
<center><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6Rw2MsNyIRKNnEw9Sq0EFuXFPXMA-nkm8-sf3wmbqFi2yVVSZTpiIrF01iWT_AHIfskiyDjEzHHBFLe_iDz3YZDZmqK9atSdggMyfqqWUuCzsRv8PEgVgHn1-ZFAU-huzemInPuEOJQy/s1600/heavyrotation.jpg"
width="860" height="264""><center>
</body>
</HTML>
Sebenarnya masih banyak meta tag seperti meta keyword, robots, title ,
dll. Namun karena ini adalah tahap perkenalan, pasang yang penting saja
dulu. Yaitu meta description.
Selanjutnya, kita coba sedikit menghias script kita dengan tulisan berjalan [marquee] dan berkedip [blink].
Lihat saja kode berikut :
<HTML>
<head>
<title>HACKED BY NABILAHOLIC</title>
<meta name="description" content="You Got Hacked by Nabilaholic ? Where the security !" />
</head>
<body BGCOLOR="black">
<center><FONT COLOR="red"><FONT SIZE=6><blink>Just simple script by nabilaholic</blink></FONT></FONT></center>
<center><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6Rw2MsNyIRKNnEw9Sq0EFuXFPXMA-nkm8-sf3wmbqFi2yVVSZTpiIrF01iWT_AHIfskiyDjEzHHBFLe_iDz3YZDZmqK9atSdggMyfqqWUuCzsRv8PEgVgHn1-ZFAU-huzemInPuEOJQy/s1600/heavyrotation.jpg"
width="860" height="264""><center>
<center><FONT COLOR="red"><FONT SIZE=6><marquee>Just simple script by nabilaholic</marquee></FONT></FONT></center>
</body>
</HTML>
Sebagai tahap perkenalan, saya kira cukup. Karena yang saya berikan disini adalah dasar-dasar
membuat script HTML secara manual.
Untuk live demo dari tutorial ini, silahkan lihat disini.
LIVE DEMO SIMPLE SCRIPT
Sekian dan semoga bermanfaat. :)