Hosting Gratis

Sunday, February 17, 2013

Membuat Desain Website Berbasis HTML Dengan Notepad++


 Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.
·         Daftar Tag Pada HTML
ELEMEN DASAR
Jenis Dokumen
<HTML></HTML>
(terdapat pada awal dan akhir dari file HTML)
Judul
<TITLE></TITLE>
(harus selalu terdapat pada mukadimah)
Mukadimah (Header)
<HEAD></HEAD>
(keterangan umum, seperti judul dsb.)
Batang Tubuh
<BODY></BODY>
(isi dari halaman HTML)





FORMAT TAMPILAN
Huruf Tebal
<B></B>
(Bold)
Huruf Miring
<I></I>
(Italic)
Garis Bawah
<U></U>
(Underline - jarang digunakan)
Rata Tengah
<CENTER></CENTER>
(Center - berlaku untuk teks maupun gambar)
Huruf Kedip
<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)
Ukuran Huruf
<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>

Pilih Jenis Huruf
<FONT FACE="***"></FONT>


PEMISAH
Paragraf
<P></P>
(tag penutup seringkali tak diperlukan)
Align Text
<P ALIGN=LEFT|CENTER|RIGHT></P>
 
Pndah Baris
<BR>
(pindah ke baris berikut)
Garis Datar
<HR>
(Horizontal Rule)
Penataan Letak Garis
<HR ALIGN=LEFT|RIGHT|CENTER>
 
Tebal Garis
<HR SIZE=?>
(dalam satuan pixel)
Lebar Garis
<HR WIDTH=?>
(dalam satuan pixel)
Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar
<BODY BACKGROUND="URL">
(Tiled Background)
Warna Latar Belakang
<BODY BGCOLOR="#$$$$$$"
(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks
<BODY TEXT="#$$$$$$">


TABEL
Rancangan Tabel
<TABLE></TABLE>

Garis Batas Tabel
<TABLE BORDER=?></TABLE>

Lebar Tabel
<TABLE WIDTH=?>
(dalam satuan pixel)
Lebar Tabel Persentasi
<TABLE WIDTH="%">
(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel
<TR></TR>
 
Penataan Letak Baris
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Sel dalam Tabel
<TD></TD>
(harus ada dalam setiap baris tabel)
Penataan Letak Sel
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Kepala Tabel
<TH></TH>
(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Warna Kepala Tabel
<TH BGCOLOR="#$$$$$$">



A.    Dasar dasar HTML

1.      Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>
<head>
  <title> My First HTML Project </title>
</head>
  <body BGCOLOR=“Green” TEXT=“Red”>
     WELCOME TO MY WEBSITE
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:
 
Gambar 1.  Judul Tab Halaman

2.      Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>
<head>
 <title> Tag P, Br dan Hr </title>
</head>
<body>
 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>
 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>
<hr> Ini adalah garis horizontal.
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:
 
Gambar 2. Mengatur Paragraf

3.      Mengatur ukuran huruf, buka notepad++,  kemudian ketikan code dibawah ini:

<html>
<head>
<title> Tag Heading </title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 3 berikut:
 
Gambar 3.  Ukuran Huruf

4.      Mengatur format texs, Buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
<title>format tulisan</titele>
</head>
<body>
teks normal <br>
<small> teks small </small><br>
<big> teks big</big><br>
<b> teks tebal </b><br>
<i> teks miring </i><br>
<u> teks bergaris bawah </u><br>
Contoh superscript : x <sup>2</sup><br>
Contoh subscript : H<sub>2</sub>O<br>
<strike> Ini teks tercoret </strike><br>
<font size = 5 face = verdana>
menggunakan tag font
</font>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 4 berikut:
 
Gambar 4. Format tulisan

5.      Membuat from komentar, buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
      <title> From komentar </title>
</head>
<body>
<table>
<tr>
<tdcolspan="3">&nbsp;</td></tr><tr>
  <td colspan="3"><h3>Silahkan Berkomentar : </h3></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text name="nama"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=text name="email"></td>
</tr>
<tr>
<td valign=top>Komentar</td>
<td valign=top>:</td>
<td><textarea name="komentar" rows=6 width=200></textarea></td>
</tr>
<tr>
<td colspan="3"><input type=submit name="submit"
value=submit></td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 5 berikut:
 
Gambar 5. From komentar

6.      Mengatur kolom, buka notepad++ kemudian ketikan code dibawah ini:

<html>
<head>
<title>warna-warna</title>
</head>
<body>
<table width="300" border="1">
<tr>
    <td colspan="3" align="center">warna-warna </td>
</tr>
<tr>
    <td bgcolor="#00FF00">Hijau</td>
    <td bgcolor="#FFFF00">Kuning</td>
    <td bgcolor="#FF0000">Merah </td>
</tr>
<tr>
    <td bgcolor="#999999">Abu-abu</td>
    <td bgcolor="#0000FF">Biru</td>
    <td bgcolor="#FF9900">Orange</td>
</tr>
<tr>
    <td bgcolor="#663300">Cokelat</td>
    <td bgcolor="#3399CC">Biru muda</td>
    <td bgcolor="#FF00FF">Merah muda</td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 6 berikut:
 
Gambar 6. Tabel

B.     Hyperlink

1.      Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
      Ini hyperlink ke wordpress
      <a href="http://www.wordpress.com/" title="Masuwordpress"> Wordpress </a>
      <br>Klik dan masuk ke yahoo<a href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo </a>
      <br>Masuk ke facebook anda
<a href="http://http://www.facebook.com/" title="Masuk ke facebook"> Facebook </a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:
 
Gambar 7 link halaman web lain


2.      Membuat hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html" title="ke Rumah"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg" border="0" width="80" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html" title="Profilku"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg" border="0" width="100" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html" title="Kode Warna Pada HTML"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg" border="0" width="150" height="30"/></a>
<a href="file:///C:/Users/COMPAQ/Documents/HTML.1/kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/kata%20kata.jpg" border="0" width="100" height="30"/></a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 8 berikut:
 
Gambar 8. Link Antar Bagian Dalam Web

C.    Membuat Website Sederhana

1.      Membuat halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code dibawah ini:

<html>
<head>
<title>login web</title><link rel='icon' href='gambar/B.png'>
</head>
<body>
<p align="center"> <font  size="6" color="#FF6600" >
Silahkan mengisi data yang ada di bawah untuk masuk ke website saya :)</font>
</p>
<table align="center">
<td><form method="post" action="home.html"><label><font color="#FF6600">Nama Anda:</label>
<br>
<input type="text" name="nama" value=""></br>
<label><font color="#FF6600">Email Atau telepon:</label>
<br>
<input type="text" name="Email" value=""></br><label><font color="#FF6600">Alamat:</label>
<br>
<input type="text" name="Alamat" Value=""></br>
<label><font color="#FF6600">Tanggal Lahir </label>
<br>
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="select2">
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">Nopember</option>
<option value="12">Desember</option>
</select>
<select name="select3">
<option value="2001">1988</option>
<option value="2002">1989</option>
<option value="2003">1990</option>
<option value="2004">1991</option>
<option value="2005">1992</option>
<option value="2006">1993</option>
<option value="2007">1994</option>
<option value="2008">1995</option>
<option value="2009">1996</option>
</select></br>
<label><font color="#FF6600">Jenis Kelamin </label>
<br><font color="red">Pria
<font color="#CCFF00">Wanita</br>
<input type="submit" Value="Masuk">
</td>
</table>
<body background="gambar/aaa.png">
<EMBED SRC="MP3/Greenday%20-%20I%20walk%20Alone.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<p align="center"> <font  size="1" color="#FF6600" ><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk  :) ......
</body>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti sendiri sesuai dengan kesukaan anda.

Hasilnya seperti pada gambar 9 berikut:
 
Gambar 9. Halaman login

2.      Membuat halaman awal, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title>Home</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center><table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="<tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50"><td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
<left>      <ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
<a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
<a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>
<a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
<a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>
<a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
<a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a>
</ul></left>
</td>
</tr>
<tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
<p><font color="yellow" size="5">~Dasar-dasar Membuat Website Berbasis HTML~</font>
<p align="lift"><font  color="white">Nah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
<br />
Nggak ada kan??? nah, maka dari itu, saya, Rian hidayat, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu,? ada yang perlu diketahui.<br />
<br />
<a name='more'></a><br />
<span id="more-712"></span><br />
<b>tag &lt;&gt;</b><br />
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.<br />
Tag container adalah tag yang berisi text yang akan ditampilkan
setelah tag ditutup. Contoh: &lt;td&gt; text yang ditampilkan
&lt;/td&gt;.<br />
Tag biasa, yahh&#8230;tag aja, contoh &lt;BR&gt; (break). &lt;br&gt; kaga perlu ditutup oleh tag &lt;/br&gt;, tapi jika sintak yang digunakan tag container, contoh: &lt;h1&gt;, yah mesti ditutup dengan &lt;/h1&gt;.<br />
Tag yang digunakan untuk mengakhiri sintak punya karakter /(slash) sebelum sintaknya, contohnya: &lt;td&gt; &lt;/td&gt;<br />
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: &lt;body bgcolor=&#8221;red&#8221;&gt; &lt;/body&gt;. atau &lt;input type=&#8221;text&#8221;&gt;.<br />
<b>LANGKAH 1</b><br />
<ul>
<li>MEMBUKA NOTEPAD.</li>
</ul>
<b>LANGKAH 2</b> <br />
<ul>
<li>MENGETIKKAN SINTAK/SYNTAX.</li>
</ul>
Berikut ini adalah syntax dasar yang membentuk suatu HTML.<br />
pertama, ketikkan<br />&lt;html&gt;<br />
tekan enter, kemudian ketik<br />&lt;head&gt;<br />Dalam container head, kita bisa mengetikan beberapa sintak, tapi yangpaling penting jangan lupa mengetikan sintak &lt;title&gt; judul halaman web &lt;/title&gt;. Untuk sintak lain nanti saja.<br />Sekarang ketikkan sintak title tadi, jadi seperti ini:<br />&lt;head&gt; &lt;title&gt; judul halaman web &lt;/title&gt; &lt;/head&gt;<br />
Kemudian ketikkan &lt;body&gt;. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari &lt;body&gt;.<br />Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:<br />
&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt; Judul Halaman Web &lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;/body&gt;<br />?<br />
&nbsp; <br />
<br />Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :<br />&lt;body&gt;<br />Contoh text yang ditampilin di halaman web, By: Rian Hidayat<br />&lt;/body&gt;<br />terus, jika sudah, ketikkan &lt;/html&gt;, script lengkapnya seperti ini :<br />&lt;html&gt;<br />&lt;head&gt;<br />
&lt;title&gt; Judul Halaman Web &lt;/title&gt;<br />
&lt;/head&gt;<br />&lt;body&gt;<br />Contoh text yang ditampilkan di halaman web, By: Rian Hidayat<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
kalo udah, sekarang save dengan nama dasarHTML.<br />
kalo udah disave, buka data yang tadi di save.<br />?<br />Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???<br />Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file,? yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.
<div style='clear: both;'></div>
</textarea>
<font="left" form method="post" action="file:///C:/Users/COMPAQ/Documents/HTML.1/new%204.html">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" cols="40" rows="5"">
Enter your comments here...
</textarea><br>
<input type="submit" value="coments" />
<input type="reset" value="Reset" />
</form>
</td>
<td width='200' height='700' bgcolor='' valign='top'>
<table align="left" width='200' border='0' bgcolor='' bordercolor='green'>
<tr align='center'>
<td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
<td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
</p>
</tr>
</table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>                            
<center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
<b>TUTORIAL HTML</b>
<ul>
<li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
<li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
<li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
</ul></font></table></td>
</tr>
<tr height="50">
s<td colspan='2'background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td></tr>
</table><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center></div>
<div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center>
</div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'>
<img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center></div>
<body background='gambar/yy.jpg'></body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED></html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 10 berikut:

 
Gambar 10. Halaman awal

3.      Membuat data pribadi atau profil, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title>Profilku</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center><table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="20" >
<tr>
  <td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
 <tr height="50">
<td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
      <left><ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
<a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
<a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>
      <a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
      <a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>
      <a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
      <a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a></ul></left></td></tr>
<tr><td width='796' height='700' background='gambar/zz.jpg' valign='top' >
      <p><table align="center" border="0" bgcolor="" cellpadding="0" cellspacing="8" >
      <td><tr><td colspan="2" align="center"><font face="Bauhaus 93" size="8" color="#0066FF"><b>PROFILKU</b></td></tr>
      <tr><br><table>
<P align="center"><font color="#00FFFF">
      <img src="gambar/rian.JPG" border="7" width="250" height="300">
<tr><td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NAMA</p></b></td>
      <td><font size="5"color="#00FFFF">: Rian Hidayat</p></td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>ALAMAT</p></b></td>
<td><font size="4"color="#00FFFF">: Weru, Sukoharjo</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>TTL</p></b></td>
      <td><font size="5"color="#00FFFF">: Sukoharjo, 09-November-1993</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>PEKERJAAN</p></b></td>
      <td><font size="5"color="#00FFFF">: Mahasiswa</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>HOBY</p></b></td>
      <td><font size="5"color="#00FFFF">: Tidur</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NO.TELPONE</p></b></td>
      <td><font size="5"color="#00FFFF">: 085728282066</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>EMAIL</p></b></td>
      <td><font size="5"color="#00FFFF">: hrian89@gmail.com</td>
      </tr></table>
<table><P align="center"><font color="#00FFFF"><img src="gambar/bram.JPG" border="7" width="250" height="300"></p>
      <tr><td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NAMA</p></b></td>
            <td><font size="5"color="#00FFFF">: Bram Putra P.</p></td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>ALAMAT</p></b></td>
            <td><font size="4"color="#00FFFF">: Laweyan, Surakarta</td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>TTL</p></b></td>
            <td><font size="5"color="#00FFFF">: Surakarta, 13-April-1992</td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>PEKERJAAN</p></b></td>
            <td><font size="5"color="#00FFFF">: Mahasiswa</td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NO.TELPONE</p></b></td>
            <td><font size="5"color="#00FFFF">: XXXXXXXXXXXXXX </td>
      </tr></table></td>
      <td width='200' height='700' bgcolor='' valign='top'>
<table align="left" width='200' border='0' bgcolor='' bordercolor='green'>
<tr align='center'><td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
<td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
      </p></tr>
      </table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
            <center>
      <td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
      <b>TUTORIAL HTML</b>
      <ul><li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
      <li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
      <li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
      </ul></font></table></td></tr>
      <tr height="50"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>
      </tr></table><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center>
</div>
      <div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
      <div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'>
      <img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center>
      </div>
      <body background='gambar/yy.jpg'>
</body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 11 berikut:
Gambar 11. Membuat data pribadi

4.      Membuat album galery, buka notepad++, kemudian ketikan atau bisa copy saja code dibawah ini:

<html>
<head>
      <title>Profilku</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center>
<table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="20" >
      <tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
      <left>
      <ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
      <a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
      <a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>   <a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
      <a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>    <a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>  <a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a>
      </ul></left>
      </td></tr>
      <tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
      <p><table align="center" border="0" bgcolor="" cellpadding="0" cellspacing="8" >
      <td>
<p><b><center><font face="Bauhaus 93" size="7" color='#0000FF'>Galery</font></center></b></p><b>
<table color="blue" align="center" border="9px">
<tr><p align="center"><font color="#00FFFF" size='6'>Album Kegiatan Teknisi</font>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/a.png" border="3" width="300" height="300" /></td>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/b.png" border="3" width="300" height="300" /></td>
      <tr><td><img src="file:///D:/Tugas%20HTML/Gambar/c.png" border="3" width="300" height="300" /></td>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/d.png" border="3" width="300" height="300" /></td>
      <tr><td><img src="file:///D:/Tugas%20HTML/Gambar/e.png" border="2" width="300" height="300" /></td>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/f.png" border="3" width="300" height="300" /></td></p></tr>
</table>
      </td>
<td width='200' height='700' bgcolor='' valign='top'>
      <table align="left" width='200' border='0' bgcolor='' bordercolor='green'><tr align='center'>
      <td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
      <td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
      </p></tr></table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
            <center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
      <b>TUTORIAL HTML</b><ul>
      <li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
      <li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
      <li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
      </ul></font></table></td></tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>
      </tr></table>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center></div> <div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
      <img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'><img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center></div>
<body background='gambar/yy.jpg'>
</body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 12 berikut:
Gambar 12. Galery

5.      Membuat artikel html tentang cara membuat tulisan bergerak, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title>Cara membuat tulisan bergerak</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center>
<table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="20" >
<tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
<left>
                  <ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
                  <a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
                  <a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>
                  <a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
                  <a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>
                  <a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
                  <a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a>
                  </ul></left>
                  </td>
</tr>
<tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
<b><center><span style="font-size: large;" align='center'><font color='#0066FF' size='5'>Tutorial Membuat Tulisan Menjadi Bergerak</font></span></center></b>
<br />
<br /><font color='#00FFFF'>Marquee tag digunakan untuk menggerakkan sama ada perkataan ataupun gambar. Dalam contoh ini, saya akan tunjukkan beberapa cara untuk menggunakan Marquee tag ini untuk menggerakkan tulisan anda.</font><br />
<br />
<div style="color: #FFFF00;">
<marquee direction="down" height="50"><center>
<b>Teks Bergerak Ke Bawah...</b></center>
</marquee>
</div>
<div style="color: #FFFF00;"><marquee direction="right"><b>Teks Bergerak Ke Kanan...</b></marquee>
</div>
<div style="color: #FFFF00;"><marquee direction="left"><b>Teks Bergerak Ke Kiri...</b></marquee>
</div>
<br />
<div style="color: #FFFF00;">
<marquee direction="up" height="50"><center>
<b>Teks Bergerak Ke Atas...</b></center>
</marquee>
</div>
<br />
<a name='more'></a><br /><br /><span style="font-size: large;"><font color='#00FFFF'><b>1.</b></span> Seperti yang anda lihat di atas, Teks ini bergerak ke kiri dan ke kanan. Anda boleh gunakan kode dibawah ini untuk melakukan tricks tersebut.</font><br />
<br />
<div class="code"><br /><span style="color: white;">&lt;marquee direction="</span>
<b><span style="color: #FFFF00;">right</span></b><span style="color: white;">"&gt;This text scrolls right...&lt;/marquee&gt;</span></div><br />
<br /><font color='#00FFFF'>Apa yang anda perlukan, gantikan teks yang bewarna <b><span style="color:#FFFF00;">kuning</span></b> kepada arah mana anda akan teks tu Scroll. Anda boleh pilih sama ada - up, down, right, left.</font><br /><br />
<div style="color: #FF0000;"><marquee scrollamount="30"><b>Teks ini Macam Ferari..</b></marquee></div><br /><span style="font-size: large;"><font color='#00FFFF'><b>2.</b></span> Anda boleh mengubah kelajuan teks dengan menggunakan kod di bawah ni.</font>
<br /><br />
<div class="code"><br /><span style="color: white;">&lt;marquee scrollamount="</span><b><span style="color:#FF6600;">30</span></b><span style="color: white;">"&gt;</span><span style="color: #FF0000;">Teks ni Macam Ferari..</span><span style="color: white;">&lt;/marquee&gt;
</span></div><br /><br /><font color='#00FFFF'>Ubah nomer yang bewarna <b><span style="color:#FF6600;">Oren</span></b> untuk mengubah kelajuan.</font>
<br /><br />
<div style="color: #f1c232;"><marquee scrolldelay="300"><b>Teks ini seperti Siput..</b></marquee></div><br />
<div class="code"><br/><span style="color: white;">&lt;marquee scrolldelay="</span><b><span style="color:#00FF00;">300</span></b><span style="color: white;">"&gt;Teks ini seperti Siput..&lt;/marquee&gt;
</span></div><br /><br /><b><span style="font-size: large;"><font color='#00FFFF'>3.</span></b> Ubah nomer yang bewarna <b><span style="color:#00FF00;">hijau</span></b> untuk mengubah kelajuan.
</font><br /><br /><div style="color: #6600CC;"><marquee behavior="alternate"><b>Teks ini Melantun</b></marquee>
</div><br /><font color='#00FFFF'>Untuk membuatkan teks anda melantun seperti di atas ini. Gunakan kode di bawah.
</font><br /><br />
<div class="code"><br /><span style="color: white;">&lt;marquee behavior="alternate"&gt;</span><b style="color: #6600CC;">Teks ini Melantun</b><span style="color: white;">&lt;/marquee&gt;
</span></div><br /><br /><b><font color='#00FFFF'>4.</b> Ok. Seterusnya cara untuk menetapkan ruangan untuk Marquee bergerak
</font><br /><br /><div style="color: #0066FF;">
<marquee width="200"><b>Teks ini bergerak dalam kelebaran 200 width</b></marquee></div><br /><div class="code"><br />
<span style="color: white;">&lt;marquee width="</span><span style="color: #00FF00;">200</span><span style="color: white;">"&gt;Teks ini bergerak dalam kelebaran 200 width&lt;/marquee&gt;</span></div>
<br /><font color='#00FFFF'>Anda boleh tentukan width mengikut kesukaan anda dengan menukarkan nomer yang bewarna <b><span style="color: #00FF00;">hijau</span></b>.
</font><br /><br /><span style="font-size: large;"><b><font color='#00FFFF'>5.</b></span> Seterusnya saya akan menggabungkan beberapa kode Marquee ini bersama.
</font><br /><br />
<div style="color: #33FF33;"><marquee behavior=”alternate” scrollamount=”30” width=”400”><b>Teks Paling Awesome</b></marquee></div>
<br /><font color='#00FFFF'>Ini merupakan kode yang saya gunakan untuk membuat teks bergerak seperti yang di atas.
</font><br /><br />
<div class="code">
<br />
<span style="color: white;">&lt;marquee behavior="alternate" width="400" scrollamount="30"&gt;</span><b style="color: #33FF33;">Teks Paling Awesome</b><span style="color: white;">&lt;/marquee&gt;
</span></div>
<br />
<br /><font color='#00FFFF'>Sekarang, anda boleh coba dalam blog anda, anda juga boleh gabungkan kode-kode marquee ini mengikut kesukaan anda masing-masing.<br /></font><br /></td>
<td width='200' height='700' bgcolor='' valign='top'>
      <table align="left" width='200' border='0' bgcolor='' bordercolor='green'>
      <tr align='center'>
      <td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td><td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
      </p></tr></table>
     <table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
          <center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
      <b>TUTORIAL HTML</b>
      <ul><li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
      <li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
      <li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
      </ul></font></table></td></tr><tr height="50"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>
</tr>
</table>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center>
</div>
<div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'>
<img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center></div><body background='gambar/yy.jpg'>
</body>
<EMBED SRC="MP3/A7x_Afterlife.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 12 berikut:
Gambar 13. Artikel tulisan bergerak
Posted by at

402 comments:

  1. AnonymousMarch 4, 2013 at 11:32 PM

    tutorial yang bagus mas.

    ReplyDelete
  2. AnonymousMay 8, 2013 at 8:36 PM

    trimaksih atas tutorialnya saudara...tgs dari dosen untuk buat web samkin lancar...he..he...

    ReplyDelete
  3. UnknownMay 16, 2013 at 9:45 AM

    Bro ente mah ngajarin cara INSTANT, kalau kayak gini gk akan KREATIF bagi para PEMULA

    ReplyDelete
    Replies
    1. AnonymousMay 20, 2013 at 5:10 AM

      jadi dimana mas saya bisa dapet basic referensi tuk buat website,karna saya masih belum mengerti sama sekali tentang bahasa ato kode yang harus digunakan

      mohon infonya :)

      Delete
  4. tarhadiMay 22, 2013 at 10:47 PM

    Ijin copas gan..

    ReplyDelete
  5. UnknownJune 15, 2013 at 9:49 AM

    makasih mas ilmunya,,
    :)
    law buat coment gini gimana caranya mas?????

    ReplyDelete
  6. AnonymousJune 24, 2013 at 7:19 AM

    ok

    ReplyDelete
  7. RyoJune 24, 2013 at 8:07 PM

    Thank'zzz brooo

    ReplyDelete
  8. Berry's DiaryJune 25, 2013 at 4:34 AM

    untuk offline bisa kan?
    maksudnya pribadi/tanpa dipublikasikan ke publik

    ReplyDelete
  9. Muhammad FaiqJune 26, 2013 at 10:26 PM

    Thanks gan ;-)
    Visit and Follow my blog !!
    http://asfa-id.blogspot.com/

    ReplyDelete
  10. Alat Tulis MurahJuly 17, 2013 at 8:16 AM

    Sedikit sedikit saya coba tutorialnya.mudah mudahan berhasil

    ReplyDelete
  11. Afif AssihabJuly 18, 2013 at 4:53 PM

    izin coba mas

    ReplyDelete
  12. UnknownJuly 23, 2013 at 8:07 AM

    bagus mas, lebih dari membantu. terimakasih

    ReplyDelete
  13. UnknownJuly 24, 2013 at 9:47 PM

    web yg keren,,, sangat membantu

    ReplyDelete
  14. DeCocozJuly 24, 2013 at 10:00 PM

    mo coba belajar oprek2 ah. nice sharing mas

    ReplyDelete
  15. UnknownJuly 28, 2013 at 4:39 AM

    mantep bgt tuhhh,, makasihhh

    ReplyDelete
  16. AnonymousJuly 31, 2013 at 4:35 AM

    gimana cara jadiin web online?? :D

    ReplyDelete
  17. auqJuly 31, 2013 at 3:13 PM

    makasih ilmunya...

    cara jadiin web onlinenya gimana

    ReplyDelete
  18. UnknownJuly 31, 2013 at 10:53 PM

    keren dah (y)

    ReplyDelete
  19. UnknownJuly 31, 2013 at 10:53 PM

    izin copas gan untuk nambah pengetahuan :D

    ReplyDelete
  20. UnknownAugust 24, 2013 at 2:13 AM

    sering-sering yaa share yg ginian.
    keren, keren,

    tks

    ReplyDelete
  21. teguh putraAugust 28, 2013 at 11:07 PM

    thank's gan jadi bisa ene ngerjain tugas sekolah

    ReplyDelete
  22. AdminAugust 31, 2013 at 9:57 PM

    Makasih banyak infonya gan.... banyak sekali pengetahuan yang saya dapat di sini

    ReplyDelete
  23. AnonymousSeptember 5, 2013 at 6:12 AM

    klo mengatur rata kiri gimana min??

    ReplyDelete
  24. UnknownSeptember 6, 2013 at 8:58 PM

    kok ysng bikin koment
    pas diklik sumbit nggak muncul ya comment nya itu knp ?

    ReplyDelete
  25. UnknownSeptember 8, 2013 at 3:08 AM

    Makasih gan. sukses

    ReplyDelete
  26. AnonymousSeptember 14, 2013 at 5:48 AM

    kunjungi segera killerbee8.blogspot.com
    download anime one piece.......sub indo

    ReplyDelete
  27. UnknownSeptember 14, 2013 at 10:48 PM

    permisi , mau tanya memasukan gambar dan background
    gimana yah ?

    ReplyDelete
    Replies
    1. UnknownSeptember 20, 2015 at 8:33 PM

      begini caranya:
      img src="./latihan/gambar/baramg.jpg" width="1000"> height="100">
      tapi kalau backgroundnya saya nggak tahu

      Delete
  28. UnknownSeptember 21, 2013 at 1:04 AM

    terimakasih atas infonya kang.. mudah mudahan bisa sangat berguna bagi saya..

    ReplyDelete
  29. AnonymousSeptember 21, 2013 at 11:19 PM

    ijin copas gann

    ReplyDelete
  30. JRSTSeptember 25, 2013 at 6:16 AM

    Salut banget sumpah ... ngeliatnya aja jadi cengo gitu... ribet .. tapi oke hasilnya.. terima kasih untuk artikelnya .. sangat membantu ... :D

    ReplyDelete
  31. AnonymousSeptember 30, 2013 at 2:22 AM

    oke,,, bagus n membantu saya banget,, tapi jujur sampai sekarang sya belum mengerti,,

    ReplyDelete
  32. AnonymousOctober 1, 2013 at 4:33 AM

    Bagus2 Makasih

    ReplyDelete
  33. UnknownOctober 2, 2013 at 12:08 AM

    Makasiih yah atas info nya lumayan buat ngulik dannambah pengetahuan..

    ReplyDelete
  34. terataikecilOctober 6, 2013 at 1:43 PM

    ijin kopas ya kakaaakk,, diajarin lebih mau bangetss :-)
    tx

    ReplyDelete
  35. fatimaaa fjgOctober 6, 2013 at 5:29 PM

    mkasi.. brow, tk jajal e

    ReplyDelete
  36. safriOctober 7, 2013 at 8:54 PM

    ijin copy gan...

    ReplyDelete
  37. AnonymousOctober 9, 2013 at 8:13 AM

    kalo tu gambar ga ada di pc or laptop kita tampilannya blank kita mesti rubah dulu di ling gambar nya ya kalo ga salah.

    ReplyDelete
  38. Angga PramadjayaOctober 14, 2013 at 4:34 AM

    Keren gan, scriptnya banyak banget gan.. izin copas yah gan

    ReplyDelete
  39. UnknownOctober 16, 2013 at 9:39 AM

    mantap bro,bisa buat nambah wawasan ,

    ReplyDelete
  40. AnonymousOctober 17, 2013 at 12:59 AM

    Thanks Broo, Sangat membantu buat awal eksplorasi :D

    ReplyDelete
  41. AnonymousOctober 17, 2013 at 3:41 AM

    thanks gan for ilmunya

    ReplyDelete
  42. AnonymousOctober 19, 2013 at 5:36 AM

    keren gan ilmunya saya salut (y)

    ReplyDelete
  43. efendyOctober 20, 2013 at 6:46 AM

    woo kereen gan
    ada lagi gan

    ReplyDelete
  44. Jannes PrasetyaOctober 24, 2013 at 5:33 AM

    tutorial nya gampang dipahami,gan !

    ReplyDelete
  45. AnonymousOctober 28, 2013 at 6:07 AM

    makasih yah buat ilmunya bermanfaat banget :D

    ReplyDelete
  46. UnknownOctober 30, 2013 at 1:45 AM

    makasih banget tutorialnya sangat membantu saya,,,

    ReplyDelete
  47. UnknownOctober 30, 2013 at 2:11 AM

    canggih mas keren abis (y)

    ReplyDelete
  48. facebookOctober 31, 2013 at 2:38 AM

    thanks ya kk,tutorialnya sangat membantu saya dalam belajar web desain...

    ReplyDelete
  49. VladxxxOctober 31, 2013 at 5:50 AM

    saran saya sih, jgn suruh orang copy paste HTMLny ke notepad mereka itu cara instant dan orang dijamin bakal gak ngerti, lebih baik uraikan dan jelaskan masing" fungsi HTML yang panjang itu,
    thx anyway

    ReplyDelete
  50. UnknownNovember 3, 2013 at 12:35 AM

    ijin copas...

    ReplyDelete
  51. Muhammad SubhanNovember 4, 2013 at 7:40 AM

    ijin copas gan buat belajar

    ReplyDelete
  52. SuharyantoNovember 4, 2013 at 11:37 PM

    makasih gan...
    sangat bermanfaat..
    :)

    ReplyDelete
  53. UnknownNovember 5, 2013 at 1:27 AM

    kk kalo menguba kursor di blog menggunakan html kayk mna kk...?

    ReplyDelete
  54. UnknownNovember 13, 2013 at 5:26 AM

    gan ijin copas ya.

    ReplyDelete
  55. UnknownNovember 17, 2013 at 12:37 AM

    mantaf kakak.

    ReplyDelete
  56. UnknownNovember 22, 2013 at 3:46 AM

    nilai tugas 100 semua ini

    ReplyDelete
  57. AnonymousNovember 24, 2013 at 7:29 PM

    ga ngerti cara naro fotonya ni kaka

    ReplyDelete
  58. AnonymousNovember 26, 2013 at 4:03 AM

    ijin copas ya gan, mw belajar bwt website

    ReplyDelete
  59. AnonymousNovember 26, 2013 at 5:14 AM

    tutorialnya sangat membantu terima kasih atas informasinya. .

    ReplyDelete
  60. mymulyaNovember 27, 2013 at 1:39 AM

    mantab gan, mksih tutorial nya, sangat2 membantu ...

    ReplyDelete
  61. UnknownNovember 27, 2013 at 11:40 PM

    wah..wah.. ini artikel bagus bangat, ane uda nyari kemana2 tp teorinya susah karena kurang detil... tp yg satu ini patut diajungkan 2 jempol... saya pribadi masih ingin banyak belajar.. kl bisa hub. saya di 085715335476... ya mas/mba.. berapa saya harus bayar ??

    ReplyDelete
  62. UnknownNovember 28, 2013 at 3:11 AM

    lagunya ... enggak sukses diputar

    ReplyDelete
  63. RSNNovember 30, 2013 at 1:01 AM

    cara pasang gambar background nya gmna,kok ini gak ada ya,malah ijo semua warnanya

    ReplyDelete
  64. UnknownNovember 30, 2013 at 4:20 AM

    keren turorial nya (y)

    ReplyDelete
  65. AnonymousDecember 4, 2013 at 12:21 AM

    Keren gan

    ReplyDelete
  66. UnknownDecember 4, 2013 at 2:45 AM

    bagus tenan jhon..

    ReplyDelete
  67. UnknownDecember 4, 2013 at 6:48 AM

    bagus bermanfaat thanks gan

    ReplyDelete
  68. UnknownDecember 5, 2013 at 1:03 AM

    gan cara bikin link nya gi mana,

    ReplyDelete
  69. UnknownDecember 6, 2013 at 1:04 AM

    sipp deh,,,lumayan nambah2 ilmu :-)

    ReplyDelete
  70. FauziDecember 10, 2013 at 10:50 PM

    makasih atass infonya ya

    semoga ilmunya makin keren

    ReplyDelete
  71. AnonymousDecember 14, 2013 at 4:01 PM

    sangat bermanfaat bro .. :)

    ReplyDelete
  72. faiqa_ekatrisnawatiDecember 22, 2013 at 4:57 AM

    syukron...Alhamdulillah bermanfaat....

    ReplyDelete
  73. UnknownDecember 24, 2013 at 7:26 PM

    Trima kasih ya mas.. atas pengajarannya..
    saya mau nanya mas,, waktu saya nyoba buat nya berhasil tapi kenapa wktu mau mmbuat halaman awal,, bacaan profil, home saya tidak keluar ya mas..

    mohon penjelasan nya...

    ReplyDelete
  74. navisha_pratamaDecember 26, 2013 at 8:06 PM

    mantap masbrow

    ReplyDelete
  75. UnknownDecember 31, 2013 at 3:22 AM

    makasih gan untuk infonya sangat bermanfaat sekali

    ReplyDelete
  76. AnonymousJanuary 3, 2014 at 4:29 AM

    terima kasih banget gan tutorialnya ... sangat bermanfaat buat tugas kuliah saya ...

    ReplyDelete
  77. UnknownJanuary 3, 2014 at 11:28 AM

    super keren banget gan. .^^

    ReplyDelete
  78. UnknownJanuary 20, 2014 at 9:35 PM

    cool

    ReplyDelete
  79. UnknownJanuary 22, 2014 at 2:17 AM

    makasih mas yang baik,..
    ijin copas ya mas,

    ReplyDelete
  80. anamsamsul14@gmail.comJanuary 24, 2014 at 7:55 AM

    thankz dh mau berbgi iLmu,,, salam oLahraga om :D

    ReplyDelete
  81. UnknownJanuary 26, 2014 at 8:07 AM

    trimakasih ya ilmunya

    ReplyDelete
  82. AnonymousJanuary 27, 2014 at 4:22 AM

    thank brow
    jadi bisa buat tugas dari guru nich
    mohon ijin copas ya.....

    ReplyDelete
  83. AnonymousJanuary 27, 2014 at 8:25 AM

    Tank's lot brow...

    ReplyDelete
  84. Caca'e LendraJanuary 27, 2014 at 5:35 PM

    kalo mau kasih gambar gitu gan gmana????
    soalnya, saya di suruh buat web dengan gambar!!

    ReplyDelete
  85. UnknownJanuary 31, 2014 at 4:21 AM

    terimakasih :) saya sangat terbantu :D

    ReplyDelete
  86. AnonymousJanuary 31, 2014 at 6:39 AM

    gk ngerti

    ReplyDelete
  87. UnknownFebruary 5, 2014 at 5:03 PM

    susah susah gmpang ........ tpi byak susahnya hehe
    tpi harus tetep mencoba

    ReplyDelete
  88. L BimaFebruary 7, 2014 at 9:08 PM

    ijin copy dan edit ^.^

    ReplyDelete
  89. UnknownFebruary 7, 2014 at 9:27 PM

    makasi banget gan

    ReplyDelete
  90. AnonymousFebruary 9, 2014 at 12:27 AM

    makasih....

    ReplyDelete
  91. AnonymousFebruary 10, 2014 at 4:38 PM

    gan ad copy ma spa ni

    by onal

    ReplyDelete
  92. AnonymousFebruary 10, 2014 at 5:04 PM

    download notepadnya dmana?

    ReplyDelete
  93. FadikFebruary 17, 2014 at 7:22 PM

    saya sudah ikut tp kok nggak muncul?

    ReplyDelete
  94. AnonymousFebruary 21, 2014 at 7:55 PM

    mas cara rubah body back ground gimana kok gambar nya ga muncul

    ReplyDelete
    Replies
    1. supplier bautMarch 2, 2014 at 9:56 AM

      lokasi folder gambar nya salah kali mas itu ?

      Delete
  95. mobil-sewaMarch 2, 2014 at 9:55 AM

    masih ada yg salah tuch coding nya mas.... di cek lagi "membuat web sederhana"

    ReplyDelete
  96. AnonymousMarch 5, 2014 at 5:32 PM

    ijin copy eh...

    ReplyDelete
  97. UnknownMarch 6, 2014 at 7:52 AM

    siip makasih tutor nya. moga2 cepet bisa :)

    ReplyDelete
  98. AnonymousMarch 7, 2014 at 11:11 AM

    mantab
    tengkyu gan

    ReplyDelete
  99. UnknownMarch 11, 2014 at 8:02 PM

    ijin copas gan.....thq

    ReplyDelete
  100. UnknownMarch 12, 2014 at 8:11 AM

    sangat bermanfaat ,, thanks om

    ReplyDelete
  101. UnknownMarch 14, 2014 at 6:25 PM

    cakep ! sangat membantu. Thank You...

    ReplyDelete
  102. UnknownMarch 17, 2014 at 1:39 AM

    Thanks riyant17

    ReplyDelete
  103. AnonymousMarch 19, 2014 at 6:30 AM

    Terimakasih gan postingannya sangat bermanfaat! keren!

    ReplyDelete
  104. UnknownMarch 19, 2014 at 9:30 PM

    Thanks gan! ilmunya,keren abis! but,ane msh bingung nih cara membuat background gambar. ane udh cba2 kyk pnjlsnnya agan,tapi ga muncul2 di website..mhn bntuannya gan! thanks alot's!

    ReplyDelete
  105. slametMarch 21, 2014 at 4:00 PM

    cara masukin gambarnya gmn gan?

    ReplyDelete
  106. jasa buat toko online murahMarch 28, 2014 at 2:07 AM

    sipp gan bermanfaat sekali buat newbie seperti kita2 ini

    ReplyDelete
  107. UnknownApril 1, 2014 at 4:49 AM

    ini mah gak instan..!! trus CSS nya ikut kode spa?folder2nya gmana?nie kan bukan word. yang cetak lngsung jalan..
    mohon info yg jelas lg dong gan

    ReplyDelete
  108. AnonymousApril 4, 2014 at 6:38 PM

    tq om sangat membantu, tpi sdikit masukan, background blognya bkin tulisan agag kesulitan utk dbaca om, tq

    ReplyDelete
  109. AnonymousApril 19, 2014 at 11:50 AM

    thx sangat membantu....
    ijin nyoba

    ReplyDelete
  110. Rima_MegaApril 24, 2014 at 8:39 AM

    makasih gan dah share ilmunya. . . . sangat berguna (y)

    ReplyDelete
  111. UnknownApril 25, 2014 at 6:18 PM

    numpang tanya gan, judul lagu yang ada di blog ini apa ya ? trus band apa yang nyanyiin ? :D

    ReplyDelete
  112. AnonymousApril 27, 2014 at 9:18 AM

    Thanks Gan :)

    ReplyDelete
  113. UnknownMay 8, 2014 at 7:32 PM

    ini program klo di adobe dreamweaver jalan kgk?

    ReplyDelete
  114. UnknownMay 9, 2014 at 4:52 AM

    kayak mna cara bikin dua background dalam 1 website?

    ReplyDelete
  115. UnknownMay 10, 2014 at 1:41 AM

    Ternyata agak sulit ya

    ReplyDelete
  116. MH45 (Atha)May 11, 2014 at 6:42 PM

    ijin copy

    ReplyDelete
  117. UnknownMay 13, 2014 at 10:54 PM

    izin copas mas

    ReplyDelete
  118. UnknownMay 20, 2014 at 11:37 PM

    makasih sangat membantu..

    ReplyDelete
  119. UnknownMay 22, 2014 at 4:00 AM

    Makasih..
    Jadi lebih mengerti, lumayan rinci

    ReplyDelete
  120. UnknownMay 23, 2014 at 6:17 AM

    thanks min :)

    ReplyDelete
  121. UnknownMay 28, 2014 at 9:56 AM

    thanks gan jadi nambah pengetahuan saya

    ReplyDelete
  122. AnonymousMay 30, 2014 at 2:29 AM

    Bisa buat bahan baca"an .. :)

    ReplyDelete
  123. rudiJune 4, 2014 at 10:07 AM

    Wah2 hebat baget.. izin copas ya gan, sy mau convert to PDF untuk enak dibaca. Sukses slalu gan..

    ReplyDelete
  124. UnknownJune 9, 2014 at 1:39 AM

    gan cara nginputkan gambarnya gimana sih ?

    ReplyDelete
  125. Jasa Pembuatan WebJune 14, 2014 at 4:51 PM

    hhe... terima kasih mas infonya. lumayan buat bekal koding otodidak...

    ReplyDelete
  126. UnknownJune 19, 2014 at 3:14 PM

    bro kalo cara buat pass gini gmana ya
    email|password

    ReplyDelete
  127. Zhe N_istiyanJuly 3, 2014 at 8:33 AM

    ijin copas ya mas ... tapi jujur aja nih saya tidak mengerti membuat website thu gmana. thanks sangat membantu..

    ReplyDelete
  128. KavieJuly 20, 2014 at 6:04 PM

    cari-cari eh akhirnya ketemu juga blog ttg ini
    izin share ya..
    very useful (y)

    ReplyDelete
  129. AnonymousAugust 3, 2014 at 7:31 AM

    terima kasih mas, atas tuorial nya , tinggal saya edit lagi buat ngerjain tugas dr dosen bikin web

    ReplyDelete
  130. AnonymousAugust 21, 2014 at 8:08 PM

    gan tolong dishare cara postingnya donk

    ReplyDelete
  131. AnonymousAugust 27, 2014 at 8:50 PM

    ijin comot gan terimakasih infonya sangat bermanfaat sekali :) wicak emx

    ReplyDelete
  132. AnonymousAugust 30, 2014 at 12:34 AM

    lengkap. thank you :)

    ReplyDelete
  133. UnknownAugust 31, 2014 at 2:00 AM

    cara mengonlinekannya gmn gan? tolong balesnya ke email saya ya

    ReplyDelete
  134. AnonymousAugust 31, 2014 at 7:42 AM

    kok gg kebuka ya? apa yang salah kira2.

    ReplyDelete
  135. AnonymousSeptember 3, 2014 at 6:51 PM

    KEREEEEEEEEEEEEEEEEEEEEEEEEEEEEEN

    ReplyDelete
  136. UnknownSeptember 5, 2014 at 5:45 AM

    Keren :) sangat membantu makasihh

    ReplyDelete
  137. UnknownSeptember 7, 2014 at 4:10 AM

    keren pisan ikut copy ya

    ReplyDelete
  138. AriipSeptember 22, 2014 at 10:36 PM

    gan numpang tanya
    itu yg form login pas di pria dan wanita ga ada tombol optionnya ya ?
    barusan saya copas ga ada tombol optionnya

    ReplyDelete
  139. LANGIT TAK MENDENGARSeptember 23, 2014 at 7:04 PM

    cara mengubah gambar nya gimana ya? ko gambar nya ga muncul ya?

    ReplyDelete
  140. UnknownOctober 2, 2014 at 7:47 PM

    wooooooooooow your desing is so niceeeeeeeeeeeeeeee

    ReplyDelete
  141. Majalah KomputerOctober 4, 2014 at 3:16 AM

    Super komplit tutorialnya gan ..thankk

    ReplyDelete
  142. SyelliOctober 13, 2014 at 4:39 AM

    lo dibikin online gimana ya?

    ReplyDelete
  143. mebel jeparaOctober 14, 2014 at 12:09 AM

    mkasih infonya mas

    ReplyDelete
  144. anisaOctober 14, 2014 at 12:10 AM

    blognya keren gan

    ReplyDelete
  145. GopalOctober 20, 2014 at 10:48 AM

    thank you bro

    ReplyDelete
  146. UnknownOctober 26, 2014 at 6:06 AM

    GG gan.. Langsung Praktek...

    Mampir juga di blog ane ya gan di inilhooo.blogspot.com

    ReplyDelete
  147. UnknownOctober 29, 2014 at 3:58 AM

    Bagus kak, aku cobain , thanks .

    ReplyDelete
  148. UnknownNovember 1, 2014 at 5:10 AM

    makasih atas info nya :)
    mu langsung di coba ;)
    mudah'han berhasil. aamiin :) :* :*

    ReplyDelete
  149. AnonymousNovember 2, 2014 at 7:30 PM

    Sangat Membatu sekali,,,terimakasihhhhhh

    ReplyDelete
  150. TAMAHOST.COM Jasa Blog Adsense MurahNovember 7, 2014 at 11:40 PM

    Terima kasih informasinya. Kunjungin balik ya http://www.tamahost.com

    ReplyDelete
  151. UnknownNovember 11, 2014 at 6:26 AM

    makasih banyak ya mas brooo "good job"

    ReplyDelete
  152. AnonymousNovember 15, 2014 at 10:45 AM

    mkasih gan

    ReplyDelete
  153. AnonymousNovember 19, 2014 at 6:54 AM

    terimakasih banyak bang, lanjutkan!!!

    ReplyDelete
  154. AnonymousNovember 20, 2014 at 10:04 PM

    Terimakasih

    ReplyDelete
  155. UnknownDecember 1, 2014 at 10:08 PM

    Infonya sangat bermanfaat, thx
    http://momentsurabaya.com

    ReplyDelete
  156. UnknownDecember 7, 2014 at 7:09 PM

    makasih buat materinya.. :) bagus sekali

    ReplyDelete
  157. UnknownDecember 12, 2014 at 6:32 AM

    Terima kasih ...

    ReplyDelete
  158. UnknownDecember 22, 2014 at 4:16 AM

    makasih sangat membantu sekali

    ReplyDelete
  159. AnonymousDecember 28, 2014 at 9:45 PM

    terimaksih,,,semoga bermanfaat

    ReplyDelete
  160. aRdhyJanuary 11, 2015 at 10:32 PM

    oh fuck

    ReplyDelete
  161. UnknownJanuary 18, 2015 at 2:53 AM

    Gan, Terimakasih banyak ilmunya dah mau di sharing,... klo boleh minta resferensinya gan yang bisa didownload buat ane kuliah.. mantep nih klo dipraktekin lebih lanjut.. TQ ya gan ditunggu sopt file nya...

    ReplyDelete
  162. UnknownJanuary 19, 2015 at 7:38 PM

    ijin copas gan :)

    ReplyDelete
  163. UnknownJanuary 21, 2015 at 6:29 AM

    luar biasa.....

    ReplyDelete
  164. vauziJanuary 22, 2015 at 10:21 PM

    goood awy...

    ReplyDelete
  165. Adinda .A.January 29, 2015 at 1:48 AM

    Uhhhhhh keren! thx artikelnya hebat nih!

    ReplyDelete
  166. UnknownJanuary 29, 2015 at 8:16 PM

    Tutorialnya sangat bermanfaat bgt ms,thank u ya ms.

    ReplyDelete
  167. UnknownFebruary 15, 2015 at 11:31 AM

    makasih telah membagikan ilmu nya suhu .

    ReplyDelete
  168. gatewan.comFebruary 18, 2015 at 8:29 AM

    Rekomendasi Artikel Terkait ->

    SUBSTANSI :

    Mengenal Layout Semantik HTML 5
    Contoh Elemen Semantik Terbaru di HTML5
    Contoh Layout Halaman Website
    Praktik Membuat Halaman Sederhana dengan HTML5

    Pranala -> Praktek Membuat Halaman Website Dengan HTML 5

    ReplyDelete
  169. UnknownMarch 7, 2015 at 6:36 AM

    Wah keren .. Ngebantu banget buat saya belajar :)

    ReplyDelete
  170. UnknownMarch 11, 2015 at 11:31 PM

    terimakasih, sangat membantu

    ReplyDelete
  171. UnknownMarch 15, 2015 at 9:08 AM

    mantap gan...bermanfaat..

    www.sawarnaraya.com

    ReplyDelete
  172. UnknownMarch 27, 2015 at 12:04 AM

    This comment has been removed by the author.

    ReplyDelete
  173. misbahudin0081April 11, 2015 at 8:49 PM

    makasih banget mas sungguh amalmu akan mengalir terus tiada henti

    ReplyDelete
  174. UnknownApril 16, 2015 at 9:41 AM

    Terima Kasih Bro sdh sgt membantu.

    ReplyDelete
  175. Putri Kumala DewiApril 24, 2015 at 9:59 PM

    mas kenapa saya nggak bisa ganti backgroung yaa? :(

    ReplyDelete
  176. obat tradisional jantung berdebarMay 8, 2015 at 2:28 AM

    mantun nuhun ilmunya,, mugi - mugi berkah..

    ReplyDelete
  177. jilbab syar'iMay 9, 2015 at 4:55 AM

    bermanfaat banget gan, ini share yang aku cari.

    ReplyDelete
  178. jilbab syar'iMay 9, 2015 at 4:56 AM

    terima kasih banyak gan infonya

    ReplyDelete
  179. jilbab murahMay 9, 2015 at 4:57 AM

    pusing juga gan kalau belajar nya manual begini hehe

    ReplyDelete
  180. jilbab murahMay 9, 2015 at 4:59 AM

    makasih mas, bisa buat materi belajar aku dikampus kalau ada tugas :)

    ReplyDelete
  181. jilbab syar'iMay 9, 2015 at 5:01 AM

    share lagi yah gan tentang codingan yang lainnya

    ReplyDelete
  182. gamis syar'i murahMay 9, 2015 at 5:03 AM

    gan izin tutorialnya buat ane pakai

    ReplyDelete
  183. jilbab syar'iMay 9, 2015 at 5:05 AM

    pusing banget gan, matanya ga kuat hhahah

    ReplyDelete
  184. jilbab murahMay 9, 2015 at 5:06 AM

    carai waktu luang kalau begini, sulit juga kalau sampe ga konsen

    ReplyDelete
  185. FadikMay 21, 2015 at 4:25 AM

    disimpan dimana scriptnya? dan bagaimana berhubungan dengan web?

    ReplyDelete
  186. Annur FuadJune 30, 2015 at 5:46 AM

    wah , lumayan nih mas tutorial nya .
    ane praktekan dulu deh :)

    ReplyDelete
  187. albiJuly 1, 2015 at 8:12 AM

    Tempat kursus website, SEO, Desain Grafis Favorit 2015 di jakarta

    ReplyDelete
  188. UnknownAugust 5, 2015 at 6:49 PM

    Syukron buat mas nya

    ReplyDelete
  189. UnknownAugust 18, 2015 at 8:26 PM

    Sangat membantu :)

    ReplyDelete
  190. UnknownAugust 21, 2015 at 9:19 PM

    Thanks infonya gan...

    Bagi agan yang berminat belajar membuat website bisa dilihat di situs berikut ini Belajar Membuat Web

    ReplyDelete
  191. DzikriM.Z-X-Tkj-KSeptember 24, 2015 at 8:05 AM

    Thks infonya gan ,,sumpah keren bangett lengkap lagiii

    ReplyDelete
  192. 2dolsSeptember 24, 2015 at 9:44 PM

    terima kasih buat tutor nya... sangat bermanfaat sekali..

    ReplyDelete

Subscribe to: Post Comments (Atom)