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/AVvXsEj26KUkvdBwgP3fjPsiwaYg50v42jbTAdPTsGu8z6fSTp3Ro7oJ3xvO3x6vV31gjQNiutNBpwQB3kYoyEWRExsSrADFmH6Co6jWv1dD5i8Zg1tghHc_803_0pSK1hRRLDD83lLFdDKZKykc/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/AVvXsEj26KUkvdBwgP3fjPsiwaYg50v42jbTAdPTsGu8z6fSTp3Ro7oJ3xvO3x6vV31gjQNiutNBpwQB3kYoyEWRExsSrADFmH6Co6jWv1dD5i8Zg1tghHc_803_0pSK1hRRLDD83lLFdDKZKykc/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/AVvXsEj26KUkvdBwgP3fjPsiwaYg50v42jbTAdPTsGu8z6fSTp3Ro7oJ3xvO3x6vV31gjQNiutNBpwQB3kYoyEWRExsSrADFmH6Co6jWv1dD5i8Zg1tghHc_803_0pSK1hRRLDD83lLFdDKZKykc/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>
-----------------------------------------------------------------------------------------------------------
Untuk memebri backsound di script, caranya sama seperti memberi backsound di template blog. Lihat saja kesini.
Cara Memasang Backsound di Script 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.
Kalo ada yang mau copas, harap cantumkan link sumber. Hargai karya orang lain.
Belum ada tanggapan untuk "TUTORIAL DAFACE"
Post a Comment