Responsive Banner design
Home » » Cara Bkin Script HTML Simple

Cara Bkin Script HTML Simple

Assalamuallaikum :)
balik lagi sama saya admin paling tamfan :)
karna admin tunggal disini :v alias sendirian ^_^

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 Mr.HaurgeulisX196</title>
</head>
<body>
Mr.HaurgeulisX196 was here
</body>
</HTML>

Simpan dengan format .html . Sebagai contoh saya simpan dengan nama Saktia.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 Mr.HaurgeulisX196</title>
</head>
<body>
<center><FONT COLOR="blue"><FONT SIZE=6>Mr.HaurgeulisX196 was here</FONT></FONT></center>
</body>
</HTML>
 
Untuk font color bisa diganti dengan green, re 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 Mr.HaurgeulisX196</title>
</head>
<body BGCOLOR="black">
<center><FONT COLOR="blue"><FONT SIZE=6>Mr.HaurgeulisX196 was here</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 Mr.HaurgeulisX196</title>
</head>
<body BGCOLOR="black">
<center><FONT COLOR="blue"><FONT SIZE=6>Mr.HaurgeulisX196 was here</FONT></FONT></center>

<center><img src="http://theglorioblog.files.wordpress.com/2014/02/bbm21.jpeg" width="840" 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.
disini saya ambil beby metal :v




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.

contoh : 



Kata yang saya beri blok, itulah yang disebut META DESCRIPTION.
 

Lihat script berikut :
<HTML>
<head>
<title>Hacked by Mr.HaurgeulisX196</title>
<meta name="description" content="
Hacked by Mr.HaurgeulisX196 Touch By Mr.HaurgeulisX196 Deface By Mr.HaurgeulisX196" />
</head>
<body BGCOLOR="black">
<center><FONT COLOR="blue"><FONT SIZE=6>Mr.HaurgeulisX196 was here</FONT></FONT></center><br/>
<center><img src="
http://theglorioblog.files.wordpress.com/2014/02/bbm21.jpeg" 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 Mr.HaurgeulisX196</title>
<meta name="description" content="
Hacked by Mr.HaurgeulisX196 Touch By Mr.HaurgeulisX196 Deface By Mr.HaurgeulisX196" />
</head>
<body BGCOLOR="black">
<center><FONT COLOR="blue"><FONT SIZE=6><blink>Mr.HaurgeulisX196 was here</blink></FONT></FONT></center><br/>
<center><img src="http://theglorioblog.files.wordpress.com/2014/02/bbm21.jpeg" width="860" height="264""><center><br/>
<center><FONT COLOR="blue"><FONT SIZE=6><marquee>Haurgeulis Security</marquee></FONT></FONT></center>
</body>
</HTML>


tulisan berwarna merah diatas bisa di ubah ^_^
hasil tadi



tulisan Haurgeulis Security jalan dari kanan ke kiri ^_^
ok dah degitu dulu :)
sampai jumpa lagi 
salam tamfan
./Mr.HaurgeulisX196

0 comments:

Post a Comment

Popular Posts

Powered by Blogger.

Blog Archive