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/AVvXsEiXjSlHLy-C7vacLxzzMU4iZkbi9_LR1o5UgsB-1TLobKRIpCUoLYreHUtGEJKBfSTU2ykvhhXdHAAb4KEuve91UPMVdHrW0oCErLmDMlXJX9PtvUIZndOpyzwG4SyMaIexUxasTxcYcLcg/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/AVvXsEiXjSlHLy-C7vacLxzzMU4iZkbi9_LR1o5UgsB-1TLobKRIpCUoLYreHUtGEJKBfSTU2ykvhhXdHAAb4KEuve91UPMVdHrW0oCErLmDMlXJX9PtvUIZndOpyzwG4SyMaIexUxasTxcYcLcg/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/AVvXsEiXjSlHLy-C7vacLxzzMU4iZkbi9_LR1o5UgsB-1TLobKRIpCUoLYreHUtGEJKBfSTU2ykvhhXdHAAb4KEuve91UPMVdHrW0oCErLmDMlXJX9PtvUIZndOpyzwG4SyMaIexUxasTxcYcLcg/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.
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/AVvXsEiXjSlHLy-C7vacLxzzMU4iZkbi9_LR1o5UgsB-1TLobKRIpCUoLYreHUtGEJKBfSTU2ykvhhXdHAAb4KEuve91UPMVdHrW0oCErLmDMlXJX9PtvUIZndOpyzwG4SyMaIexUxasTxcYcLcg/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/AVvXsEiXjSlHLy-C7vacLxzzMU4iZkbi9_LR1o5UgsB-1TLobKRIpCUoLYreHUtGEJKBfSTU2ykvhhXdHAAb4KEuve91UPMVdHrW0oCErLmDMlXJX9PtvUIZndOpyzwG4SyMaIexUxasTxcYcLcg/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/AVvXsEiXjSlHLy-C7vacLxzzMU4iZkbi9_LR1o5UgsB-1TLobKRIpCUoLYreHUtGEJKBfSTU2ykvhhXdHAAb4KEuve91UPMVdHrW0oCErLmDMlXJX9PtvUIZndOpyzwG4SyMaIexUxasTxcYcLcg/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.
Sumber : http://www.madura-cyber.org
Tidak ada komentar:
Posting Komentar
Klik gambar Emo dan salin atau copy tulisan yang muncul Lalu tempel atau paste di kotak Komentar agar Gambar / Emo bisa muncul dalam komentar anda