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/AVvXsEjLcVGBVxMlfTvdvHqaxjnmstGgCtBUDyOpWYMrMMdptT8ujaGKQaVdODuo8N3oRmRF0BQq3MP_A0YjBSsdj1tCPVcPjHpd5Twd_BCx9kO2FaqD4HrcfvfihkSKroOeIoPDXXtd8CxFNq-L/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.
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/AVvXsEjLcVGBVxMlfTvdvHqaxjnmstGgCtBUDyOpWYMrMMdptT8ujaGKQaVdODuo8N3oRmRF0BQq3MP_A0YjBSsdj1tCPVcPjHpd5Twd_BCx9kO2FaqD4HrcfvfihkSKroOeIoPDXXtd8CxFNq-L/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/AVvXsEjLcVGBVxMlfTvdvHqaxjnmstGgCtBUDyOpWYMrMMdptT8ujaGKQaVdODuo8N3oRmRF0BQq3MP_A0YjBSsdj1tCPVcPjHpd5Twd_BCx9kO2FaqD4HrcfvfihkSKroOeIoPDXXtd8CxFNq-L/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.Madura Cyber
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.
Demo
Sekian dan semoga bermanfaat.
Sumber :Madura Cyber
mampir juga kang http://ghudangilmu.blogspot.com/
BalasHapus
BalasHapusClick to see the code!
To insert emoticon you must added at least one space before the code.