Tutorial Membuat Script Deface
 |
| Example |
Di Tutorial yang baru
ini kali ini saya akan memberikan sebuah tutorial untuk membuat sebuah Script
HTML a.k.a Script Deface. Oleh karena itu saya mencoba berbagi apa yang saya
ketahui, membuat basic script HTML secara manual. Yang saya gunakan disini
hanyalah sebuah aplikasi bawaan Windows yang bernama Notepad.
Oke, sebelumnya perlu
diketahui bahwa script HTML hanya 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 nya.
Perhatikan saja script sederhana berikut :
<HTML>
<head>
<title>Numpang Belajar Om</title>
</head>
<body>
Cuma test aje gan
</body>
</HTML>
Simpan dengan format .html. Sebagai contoh saya simpan dengan nama hacked.html. Coba buka menggunakan firefox/chrome sobat, apa yang akan terjadi? Hahaha.
Tahap kedua, kita coba
untuk mengatur warna, besar huruf dan menengahkan huruf.
Simak saja scriptnya :
Simak saja scriptnya :
<HTML>
<head>
<title>Numfang Belajar</title>
</head>
<body>
<center><FONT COLOR="red"><FONT SIZE=6>Cuma Test Aje Gan</FONT></FONT></center>
</body>
</HTML>
Untuk font color bisa
diganti dengan green, blue dll sesuka kalian saja. Begitu juga dengan font sizenya.
Tahap ketiga, kita
coba memberi warna background pada script HTML.
Lihat script berikut :
Lihat script berikut :
<HTML>
<head>
<title> Numfang Belajar</title>
</head>
<body BGCOLOR="black">
<center><FONT COLOR="red"><FONT SIZE=6>Cuma Test Aje Gan</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 :
Lihat script berikut :
<HTML>
<head>
<title> Numfang Belajar</title>
</head>
<body BGCOLOR="black">
<center><FONT COLOR="red"><FONT SIZE=6> Cuma Test Aje Gan </FONT></FONT></center>
<center><img src=" https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/541545_697108237052433_740989909047444453_n.jpg?oh=d32e977a07e1aa5fb25a8847aaae864e&oe=54E2F339&__gda__=1424589636_fbcfdbe4be96b76e74f1dfda6c945ba7 " width="560" height="600""><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 :
Lihat script berikut :
<HTML>
<head>
<title>Numfang Belajar</title>
<meta name="description" content="Tetep Kalem Dan BuangAREMA"
/>
</head>
<body BGCOLOR="black">
<center><FONT COLOR="red"><FONT SIZE=6>Cuma Test Aje Gan</FONT></FONT></center>
<center><img src=" https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/541545_697108237052433_740989909047444453_n.jpg?oh=d32e977a07e1aa5fb25a8847aaae864e&oe=54E2F339&__gda__=1424589636_fbcfdbe4be96b76e74f1dfda6c945ba7 " width="560" height="600""><center>
</body>
</HTML>
<head>
<title>Numfang Belajar</title>
<meta name="description" content="Tetep Kalem Dan Buang
</head>
<body BGCOLOR="black">
<center><FONT COLOR="red"><FONT SIZE=6>Cuma Test Aje Gan</FONT></FONT></center>
<center><img src=" https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/541545_697108237052433_740989909047444453_n.jpg?oh=d32e977a07e1aa5fb25a8847aaae864e&oe=54E2F339&__gda__=1424589636_fbcfdbe4be96b76e74f1dfda6c945ba7 " width="560" height="600""><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 :
Selanjutnya, kita coba sedikit menghias script kita dengan tulisan berjalan [marquee] dan berkedip [blink].
Lihat saja kode berikut :
<HTML>
<head>
<title>Numfang
Belajar</title>
<meta
name="description" content="Tetep Kalem Dan Buang AREMA"
/>
</head>
<body
BGCOLOR="black">
<center><FONT
COLOR="red"><FONT SIZE=6><blink> Cuma Test Aje Gan
</blink></FONT></FONT></center>
<center><img
src="
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/541545_697108237052433_740989909047444453_n.jpg?oh=d32e977a07e1aa5fb25a8847aaae864e&oe=54E2F339&__gda__=1424589636_fbcfdbe4be96b76e74f1dfda6c945ba7
" width="560" height="600""><center>
<center><FONT
COLOR="red"><FONT SIZE=6><marquee>Tetep Kalem Dan
Buang AREMA Ke
Tempatnya</marquee></FONT></FONT></center>
</body>
</HTML>
Nah selesai sudah
tutorial yang sangat singkat ini, apakah kalian sudah mengerti? Kalau belum mengerti
itu sih berarti kalian kurang memperhatikan.
Link asli ~> Klik
Link asli ~> Klik
