Membuat Tampilan Seperti Facebook dengan Notepad++

Copy Script dibawah :

<html>
<head>
 
<style>

    #biru{
    background-color:#333399;
    color:#FFFFFF;
    font-size:12px;
    }
    #size{
    font-size:12px;
    }
    #arial{
    font-family:Arial, Helvetica, sans-serif
    }
    #hijau{
    background-color:#00CC66;
    size:landscape;
    color:#FFFFFF;
    }
</style>

    <title>Untitled 1</title>
</head>

<body  id="arial">

<table border="1">

<tr>
    <td rowspan="4" id="biru"><pre>            </pre></td>
</tr>

<tr>
    <td rowspan="3" id="biru"></td>
    <td width="150" id="biru">Email atau telpon</td>
    <td colspan="2" id="biru">Kata Sandi</td>
    <td rowspan="3" id="biru"><pre>            </pre></td>
</tr>

<tr>
    <td id="biru">
    <form>
        <input type="text" size="40"/>
    </td>
    <td id="biru">
        <input type="password" size="32"/>
    </td id="biru">
    <td id="biru">
        <input type="submit" value="Masuk"/></td>
    </form>
    </td>
</tr>   

<tr>
    <td id="biru">
        <input type="checkbox"/>Biarkan saya tetap masuk</td>
    <td colspan="2" id="biru">
        <a href="">Lupa kata sandi?</a></td>
</tr>
<br>
<br>
<tr>
    <td rowspan="13"></td>
    <td rowspan="2" fontstyle="bold" width="300"><h3>Facebook membantu Anda terhubung dan berbagi dengan orang-orang dalam kehidupan Anda.</h3></td>
    <td colspan="3"><h1>Mendaftar</h1></td>
    <td rowspan="13"></td>
</tr>

<tr>
    <td>Gratis, sampai kapanpun.</td>
</tr>

<tr>
    <td rowspan="10"><img src="pyNVUg5EM0j.png"></td>
</tr>

<tr>
    <td width="100">
    <form>
    <input type="text" placeholder="Nama Depan" name="namadepan" size="30"></input></td>
    <td width="100">
    <input type="text" placeholder="Nama Belakang" name="namabelakang" size="30"></input><br></td>

<tr>
    <td colspan="2">
    <input type="text" placeholder="E-mail atau nomor ponsel" name="email" size="69"></input></td>
</tr>

<tr>
    <td colspan="2">
    <input type="text" placeholder="Masukkan lagi e-mail atau nomor ponsel" name="masukkanemaillagi" size="69"></input></td>
</tr>

<tr>
    <td colspan="2">
    <input type="text" placeholder="Kata sandi baru" name="katasandi" size="69"></input></td>
</tr>

<tr>
    <td colspan="3">Tanggal Lahir</td>
</tr>

<tr>
    <td>
<select name="tanggallahir">
    <option value="">Tanggal</option>
    <option value="value">1</option>
    <option value="value">2</option>
    <option value="value">3</option>
    <option value="value">4</option>
    <option value="value">5</option>
    <option value="value">6</option>
    <option value="value">7</option>
    <option value="value">8</option>
    <option value="value">9</option>
    <option value="value">10</option>
    <option value="value">11</option>
    <option value="value">12</option>
    <option value="value">13</option>
    <option value="value">14</option>
    <option value="value">15</option>
    <option value="value">16</option>
    <option value="value">17</option>
    <option value="value">18</option>
    <option value="value">19</option>
    <option value="value">20</option>
    <option value="value">21</option>
    <option value="value">22</option>
    <option value="value">23</option>
    <option value="value">24</option>
    <option value="value">25</option>
    <option value="value">26</option>
    <option value="value">27</option>
    <option value="value">28</option>
    <option value="value">29</option>
    <option value="value">30</option>
    <option value="value">31</option>
</select>

<select name="bulan">
    <option value="">Bulan</option>
    <option value="value">Januari</option>
    <option value="value">Februari</option>
    <option value="value">Maret</option>
    <option value="value">April</option>
    <option value="value">Mei</option>
    <option value="value">Juni</option>
    <option value="value">Juli</option>
    <option value="value">Agustus</option>
    <option value="value">September</option>
    <option value="value">Oktober</option>
    <option value="value">November</option>
    <option value="value">Desember</option>
</select>

<select name="tahun">
    <option value="">Tahun</option>
    <option value="value">2015</option>
    <option value="value">2014</option>
    <option value="value">2013</option>
    <option value="value">2012</option>
    <option value="value">2011</option>
    <option value="value">2010</option>
    <option value="value">2009</option>
    <option value="value">2008</option>
    <option value="value">2007</option>
    <option value="value">2006</option>
    <option value="value">2005</option>
    <option value="value">2004</option>
    <option value="value">2003</option>
    <option value="value">2002</option>
    <option value="value">2001</option>
    <option value="value">2000</option>
    <option value="value">1999</option>
    <option value="value">1998</option>
    <option value="value">1997</option>
    <option value="value">1996</option>
    <option value="value">1995</option>
    <option value="value">1994</option>
    <option value="value">1993</option>
    <option value="value">1992</option>
    <option value="value">1991</option>
    <option value="value">1990</option>
</select></td>
    <td id="size"><a href="" >Mengapa saya harus memberikan tanggal lahir saya?</a></td>
</tr>

<tr>
    <td>
<input type="radio">Perempuan</input>
<input type="radio">Laki - laki</input>
    </td>
</tr>

<tr>
    <td colspan="2" width="100" id="size">Dengan mengeklik Mendaftar, Anda menyetujui <a href="">Ketentuan</a> kami dan bahwa Anda telah membaca <a href="">Kebijakan Data</a> kami, termasuk <a href="">Penggunaan Kuki</a>.</td>
</tr>

<tr>
    <td ><input type="submit" id="hijau" value="Mendaftar"/></td>
</tr>
</form>
</table>
</body>
</html>





Dan Hasilnya :

Share this

Related Posts

Previous
Next Post »