Newest Post
Keterangan :
1. Header : Nama Blog
2. Menu : List
3. Contain : Isi Blog
4. Tentang Admin : Biodata Admin dll.
5 Footer : Link (E-mail,Facebook,Twitter)
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.form1 {
float: right;
padding: 5px;
height: 100px;
color: #fcfdfe;
}
.form2 {
float: right;
padding: 5px;
height: 100px;
}
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}
#spacetengah {
float: left;
}
#spacekiri {
float: left;
width: 800px;
height: 400px;
}
#spacekiri2{
width: 400px;
height: 150px;
padding: 50px;
color: #040404;
}
#spacekanan {
float: left;
padding: 10px
width: 370px;
height: 440px;
color: #040404;
}
#footer {
float:left;
clear: both;
width: 1350px;
height: 20px;
background:#1566DF;
}
</style>
</head>
<body background ="facebook.JPG" width="1264" height="561">
</div>
<div id="header">
<div class="form2">
<br><input type="button" value="Masuk">
<br>
</div>
<div class="form1">
Password :<br><input type="text" size="22">
<br>Lupa Password ?
</div>
<div class="form1">
Email<br><input type="text" size="22">
<br><input type="checkbox">Biarkan saya tetap masuk
</div>
</div>
<form>
<div id="spacetengah">
<div id="spacekiri">
<div id="spacekiri2">
</div>
</div>
</div>
</form>
<div id="spacekanan">
<span><h1>Mendaftar</h1><h3>Gratis Sampai Kapanpun</h3>
<hr style="color: blue">
<form>
<table>
<tr><td width = "130">Nama Depan :</td><td><input type="text" size="33"></td></tr>
<tr><td>Nama Belakang :</td><td><input type="text" size="33"></td></tr>
<tr><td>Email Anda :</td><td><input type="text" size="33"></td></tr>
<tr><td>Masukkan Ulang Email :</td><td><input type="text" size="33"></td></tr>
<tr><td>Kata Sandi Baru :</td><td><input type="text" size="33"></td></tr>
<tr><td>Saya Seorang :</td><td>
<select name="nama">
<option value="pria" selected>Pria
<option value="wanita">Wanita
</select></td>
</tr>
</table>
<table>
<tr><td width = "130">Tanggal lahir :</td><td>
<select name="tgl">
<option value="01" selected>01
<option value="02">02
<option value="03">03
<option value="04">04
<option value="05">05
<option value="06">06
<option value="07">07
<option value="08">08
<option value="09">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
</select></td>
<td>
<select name="bln">
<option value="Januari" selected>Januari
<option value="Februari">Februari
<option value="Maret">Maret
<option value="April">April
<option value="Mei">Mei
<option value="Juni">Juni
<option value="Juli">Juli
<option value="Agustus">Agustus
<option value="September">September
<option value="Oktober">Oktober
<option value="November">November
<option value="Desember">Desember
</select></td>
<td>
<select name="thn">
<option value="1990" selected>1990
<option value="1991">1991
<option value="1992">1992
<option value="1993">1993
<option value="1994">1994
<option value="1995">1995
<option value="1996">1996
<option value="1997">1997
<option value="1998">1998
<option value="1999">1999
<option value="2000">2000
<option value="2001">2001
<option value="2002">2002
<option value="2003">2003
<option value="2004">2004
<option value="2005">2005
<option value="2006">2006
<option value="2007">2007
<option value="2008">2008
<option value="2009">2009
<option value="2010">2010
<option value="2011">2011
<option value="2012">2012
<option value="2013">2013
<option value="2014">2014
</select></td>
<tr><td width = 130><td colspan = 3>Mengapa saya perlu mengisinya </td>
</table>
<input type="button" value="Mendaftar">
<hr style="color: blue">
<center>Buat halaman untuk selebritis, group musik dll.</center>
</div>
</body>
</html>
Halaman Facebook Asli
<html>
<head>
<style type="text/css">
.form1 {
float: right;
padding: 5px;
height: 100px;
color: #fcfdfe;
}
.form2 {
float: right;
padding: 5px;
height: 100px;
}
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}
#spacetengah {
float: left;
}
#spacekiri {
float: left;
width: 800px;
height: 400px;
}
#spacekiri2{
width: 400px;
height: 150px;
padding: 50px;
color: #040404;
}
#spacekanan {
float: left;
padding: 10px
width: 370px;
height: 440px;
color: #040404;
}
#footer {
float:left;
clear: both;
width: 1350px;
height: 20px;
background:#1566DF;
}
</style>
</head>
<body background ="facebook.JPG" width="1264" height="561">
</div>
<div id="header">
<div class="form2">
<br><input type="button" value="Masuk">
<br>
</div>
<div class="form1">
Password :<br><input type="text" size="22">
<br>Lupa Password ?
</div>
<div class="form1">
Email<br><input type="text" size="22">
<br><input type="checkbox">Biarkan saya tetap masuk
</div>
</div>
<form>
<div id="spacetengah">
<div id="spacekiri">
<div id="spacekiri2">
</div>
</div>
</div>
</form>
<div id="spacekanan">
<span><h1>Mendaftar</h1><h3>Gratis Sampai Kapanpun</h3>
<hr style="color: blue">
<form>
<table>
<tr><td width = "130">Nama Depan :</td><td><input type="text" size="33"></td></tr>
<tr><td>Nama Belakang :</td><td><input type="text" size="33"></td></tr>
<tr><td>Email Anda :</td><td><input type="text" size="33"></td></tr>
<tr><td>Masukkan Ulang Email :</td><td><input type="text" size="33"></td></tr>
<tr><td>Kata Sandi Baru :</td><td><input type="text" size="33"></td></tr>
<tr><td>Saya Seorang :</td><td>
<select name="nama">
<option value="pria" selected>Pria
<option value="wanita">Wanita
</select></td>
</tr>
</table>
<table>
<tr><td width = "130">Tanggal lahir :</td><td>
<select name="tgl">
<option value="01" selected>01
<option value="02">02
<option value="03">03
<option value="04">04
<option value="05">05
<option value="06">06
<option value="07">07
<option value="08">08
<option value="09">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
</select></td>
<td>
<select name="bln">
<option value="Januari" selected>Januari
<option value="Februari">Februari
<option value="Maret">Maret
<option value="April">April
<option value="Mei">Mei
<option value="Juni">Juni
<option value="Juli">Juli
<option value="Agustus">Agustus
<option value="September">September
<option value="Oktober">Oktober
<option value="November">November
<option value="Desember">Desember
</select></td>
<td>
<select name="thn">
<option value="1990" selected>1990
<option value="1991">1991
<option value="1992">1992
<option value="1993">1993
<option value="1994">1994
<option value="1995">1995
<option value="1996">1996
<option value="1997">1997
<option value="1998">1998
<option value="1999">1999
<option value="2000">2000
<option value="2001">2001
<option value="2002">2002
<option value="2003">2003
<option value="2004">2004
<option value="2005">2005
<option value="2006">2006
<option value="2007">2007
<option value="2008">2008
<option value="2009">2009
<option value="2010">2010
<option value="2011">2011
<option value="2012">2012
<option value="2013">2013
<option value="2014">2014
</select></td>
<tr><td width = 130><td colspan = 3>Mengapa saya perlu mengisinya </td>
</table>
<input type="button" value="Mendaftar">
<hr style="color: blue">
<center>Buat halaman untuk selebritis, group musik dll.</center>
</div>
</body>
</html>
Halaman Facebook Asli
Halaman Facebook dengan Script
<!DOCTYPE HTML>
<html>
<head>
<title>Web Sederhana</title>
</head>
<body>
<h1> <marquee> Halaman Web Sederhana </marquee></h1>
<p><a href="tugas.htm">Modul 1</a></p>
<hr color="blue">
<hr color="cyan">
<h2 align="center"--BIODATA--</h2>
<p align="center">Nama : Jauhar Ali Firdaus </p>
<p align="center">TTL : Tuban, 29 September 1995 </p>
<p align="center">Alamat : Ds. Menilo Rt.9 Rw.2 Kec. Soko Kab. Tuban </p>
<p align="center">Pendidikan : Mahasiswa Teknik Informatika Semester 2
AKN Poltek Negeri Bojonegoro</p>
<p align="center">No.Telp : 0857 3289 9137 </p>
<hr color="blue">
<hr color="cyan">
<img src="eyik.JPG" width="220" height="190" />
<p><a href="data kuliah.htm">Modul 2 : a. data kuliah</a></p>
<p><a href="formulir.htm">b. formulir</a></p>
</body>
</html>
<html>
<head>
<title>Web Sederhana</title>
</head>
<body>
<h1> <marquee> Halaman Web Sederhana </marquee></h1>
<p><a href="tugas.htm">Modul 1</a></p>
<hr color="blue">
<hr color="cyan">
<h2 align="center"--BIODATA--</h2>
<p align="center">Nama : Jauhar Ali Firdaus </p>
<p align="center">TTL : Tuban, 29 September 1995 </p>
<p align="center">Alamat : Ds. Menilo Rt.9 Rw.2 Kec. Soko Kab. Tuban </p>
<p align="center">Pendidikan : Mahasiswa Teknik Informatika Semester 2
AKN Poltek Negeri Bojonegoro</p>
<p align="center">No.Telp : 0857 3289 9137 </p>
<hr color="blue">
<hr color="cyan">
<img src="eyik.JPG" width="220" height="190" />
<p><a href="data kuliah.htm">Modul 2 : a. data kuliah</a></p>
<p><a href="formulir.htm">b. formulir</a></p>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>Web Sederhana</title>
</head>
<body>
<h1> <marquee> Halaman Web Sederhana </marquee></h1>
<hr color="blue">
<hr color="cyan">
<h2 align="center"--BIODATA--</h2>
<p align="center">Nama : Jauhar Ali Firdaus </p>
<p align="center">TTL : Tuban, 29 September 1995 </p>
<p align="center">Alamat : Ds. Menilo Rt.9 Rw.2 Kec. Soko Kab. Tuban </p>
<p align="center">Pendidikan : Mahasiswa Teknik Informatika Semester 2
AKN Poltek Negeri Bojonegoro</p>
<p align="center">No.Telp : 0857 3289 9137 </p>
<hr color="blue">
<hr color="cyan">
<img src="eyik.JPG" width="220" height="190" />
</body>
</html>
<iframe width="640" height="360" src="//www.youtube.com/embed/X6fhySjP5A4?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
Nama : Jauhar Ali Firdaus
Kelas : TI - 5
Alamat : Banjarsari Rt.036 Rw.006 Kecamatan Trucuk Kab. Bojonegoro
Agama : Islam
Kelas : TI - 5
Alamat : Banjarsari Rt.036 Rw.006 Kecamatan Trucuk Kab. Bojonegoro
Agama : Islam