Struktur dasar HTML

Struktur dasar HTML


HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

Sebagai tanda awal dokumen HTML.

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

</span></b><span style="font-size: 10pt;font-family: Verdana;"> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). </span></font></p> <p><font size="3"><span style="font-size: 10pt;font-family: Verdana;">Contoh : <br> <br> <span style="color: rgb(51, 0, 204);"><TITLE>Tips HTML -- www.klik-kanan.com

Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

Sebuah contoh sederhana dokumen HTML :



Halaman pembuka<br>

Letakkan text, images, dan link Anda di sini

Pengaturan Teks

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: .. Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara

sampai

, dengan

merupakan ukuran terbesar dan

merupakan ukuran terkecil.

Contoh :

Tutorial Html



Hasilnya akan terlihat seperti :

Tutorial Html

Paragraph Baru:

Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran

tapi juga bisa tidak diberi.

Line Break:
Digunakan untuk pindah ke baris baru.

No Line Break: Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

Contoh teks yang berwarna merah

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

Contoh lainnya :

Base Font: Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

Bold text
Italic text
Underscore
Typewriter
Strikeout - draws a line through the text

 Preformatted Text  Definition
  Text berkedip (lebih baik jangan digunakan)
  Strong 
 
 
 
Italic
 

  Digunakan untuk quoting text 
  Monospaced font
(digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
  Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) 
  Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
  Ukuran teks akan lebih besar satu ukuran
  Ukuran teks akan lebih kecil satu ukuran
  Membuat tekssuperscript
  membuat tekssub script
  Abbreviations
  Untuk akronim
  Digunakan untuk indexing
  Membuat short inline quotation
  Membuat variable name, selalu dalam italics.
 
 
 
 
Lists
Terdapat tiga tipe list yang dapat digunakan, yaitu : 
 
Unordered Lists: 
     Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag 
  • . 
     
    Contoh : 
     
     

       
    •  Item nomer 1
       
    •  Item nomer 2
       
    •  Item nomer 3
       
     
     
    Hasil dari kode di atas adalah: 
     
    • Item nomer 1
    • Item nomer 2
    • Item nomer 3
     
    Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point. 
     
    Contoh : 
     
     
       … 
       
      Ordered Lists: 
         Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan 
      1.  tag. 
         
        Contoh : 
         
         

           
        1.  Item nomer 1
           
        2.  Item nomer 2
           
        3.  Item nomer 3
           
         
         
        Hasil dari kode di atas adalah : 
         
        1. Item nomer 1
        2. Item nomerr 2
        3. Item nomerr 3
         
        Untuk TYPE Anda dapat juga menggunakan : 
         
         1- Default numbers, 1, 2, 3, etc.
         A- Huruf besar. A, B, C, etc.
         a- Huruf kecil. a, b, c, etc.
         I- Romawi huruf besar. I, II, III, etc.
         i- Romawi huruf kecil , i, ii, iii, etc.         
         
        Definition Lists: 
         
         
        Contoh :
         
         

         
         Item pertama.
         
         Penjelasan tentang item pertama.
         
         Item kedua.
         
         Penjelasan tentang item kedua
         
         
         
        Hasil dari kode di atas adalah : 
         
        Item pertama. 
         
        Penjelasan tentang item pertama. 
         
        Item kedua. 
         
        Penjelasan tentang item kedua 


        Images
        Images : 
         
        Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. 
         
        Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height 
         
        Contoh : 
         
        Ini adalah logo halaman pembuka
         
                  
         
        Links : 
                 Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara  dan  akan terdapat garis bawah. 
         
        Contoh : 
         
                 Klik di sini Untuk membuat link ke halaman lain.
                 Klik di sini Untuk membuat link pada alamat e-mail.
                 Klik di sini Untuk membuat link ke bagian lain pada halaman yang sama.
                 Klik di sini Untuk membuat link kebagian lain pada halaman yang berbeda.
                  Untuk membuat link dengan menggunakan gambar. 
         
         
         
        Tabel
        Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini. 
         
        Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : 
        , , dan  dan 
        . Yang perlu diingat adalah bahwa tab 
         harus terletak di antara tag  dan 
         
         
         
         Terdiri dari atribut :
        • align - perataan : rata kiri (left), tengah (center) atau kanan (right). 
        • bgcolor - warna latar belakang (background) dari tabel. 
        • border - ukuran lebar border tabel (dalam pixel). 
        • cellpadding - jarak antara isi cell dengan batas cell (dalam pixel). 
        • cellspacing - jarak antar cell (dalam pixel). 
        • width - ukuran tabel dalam pixel atau percent. 
        Contoh : 
         
         
           

                 Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
        • align - perataan : rata kiri (left), tengah (center) atau kanan (right). 
        • bgcolor - warna latar belakang dari baris. 
        • valign - perataan vertikal : top, middle atau bottom. 
        Contoh : 
         
         
          
            
           
                 Tag ini digunakan untuk membuat kolom baru pada tabel. 
         
        • align - perataan 
        • background - image yang digunakan sebagai latar belakang dari kolom. 
        • bgcolor - warna latar belakang 
        • colspan - lihat gambar contoh 
        • height - ukuran tinggi cell dalam pixels. 
        • nowrap - membuat supaya isi dari kolom tetap berada pada satu baris. 
        • rowspan - lihat gambar contoh 
        • valign - perataan vertikal :top, middle atau bottom. 
        • width - ukuran kolom dalam pixel atau percen. 
         
        Contoh : 
         
         
           
         
         
        		border="1" cellspacing="2" cellpadding="2">











            
         
         
         
           
         
         
        		border="0" cellspacing="0" cellpadding="0">











           
         
          

          
        Frames
        1





        2





        3





        4





        5







        6








        7










        8









         

        Kumpulan Tag HTML
         
         
           Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser 
         
            Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut  
         
            Membuat nama bagian yang didefinisikan pada link pada halaman yang sama  
         
            Sebagai awal dari Java applets  
         
            Mendefinisikan daerah yang dapat diklik (link) pada image map  
         
            Membuat teks tebal  
         
            Membuat atribut teks default seperti jenis, ukuran dan warna font  
         
            Memberi (suara latar) background sound pada halaman web  
         
            Memperbesar ukuran teks sebesar satu point dari defaultnya  
         
            Membuat teks berkedip  
         
            Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link  
         
          
        		  Pindah baris  
         
          
         
        Membuat caption pada tabel  
         
          
        		  Untuk perataan tengah terhadap teks atau gambar  
         
            Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser  
         
          
        		 Indents teks 
         
          
        		 Represents different sections of text. 
         
           Menambahkan sound or file avi ke halaman web 
         
           Seperti tag  
         
           Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks 
         
          
        		 Mendefinisikan input form 
         
           Mendefinisikan frame  
         
           Mendefinisikan attribut halaman yang akan menggunakan frame 
         
          
         ... 
        		 Ukuran font  
         
           Mendefinisikan head document. 
         
          
        		 Membuat garis horizontal 
         
           Bararti dokumen html 
         
           Membuat teks miring 
         
           Image, imagemap atau an animation  
         
           Mendefinisikan input field pada form 
         
          
        		3.  Membuat bullet point atau baris baru pada list (berpasangan dengan tag , , 
           and 
             ) 
        		 
         
           Mendefinisikan client-side map 
         
           Membuat scrolling teks (teks berjalan) - hanya pada MS IE 
         
           Mencegah ganti baris pada teks atau images 
         
          </b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Jika browser user tidak mendukung frame</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><ol></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Mendefinisikan awal dan akhir list</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><p></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Ganti paragraf</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><pre></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Membuat teks dengan ukuran huruf yg sama</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><script></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Mendefinisikan awal script</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><table></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Membuat tabel </font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><td></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Kolom pada tabel</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><title></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Mendefinisikan title </font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><tr></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Baris pada tabel</font></td> </tr> <tr align="top"> <td style="color: rgb(255, 255, 255);" align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><u></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica"><span style="color: rgb(255, 255, 255);">Membuat teks bergaris bawah</span></font></td></tr></tbody></table><b></b><br><br style="color: rgb(255, 255, 255);"><p style="color: rgb(255, 255, 255);" align="center"><font style="color: rgb(153, 255, 153);" size="2" face="Verdana, Arial, Helvetica"><b>Kode untuk karakter khusus</b></font><br> </p> <table style="color: rgb(255, 255, 255);" width="98%" border="0" cellpadding="2"><tbody><tr bgcolor="#dddddd"> <td style="color: rgb(0, 0, 0);"> <div align="center"><b><font size="1" face="Verdana, Arial, Helvetica">Simbol</font></b></div> </td> <td style="color: rgb(51, 51, 51);"> <div align="center"><b><font size="1" face="Verdana, Arial, Helvetica">Karakter yg ditampilkan</font></b></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&quot;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">"</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&amp;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&lt;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica"><</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&gt;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">></font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&OElig;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å&#8217;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&oelig;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å&#8220;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&Scaron;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å </font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&scaron;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å&#161;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&Yuml;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å&#184;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&circ;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Ë&#8224;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&tilde;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Ëœ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&ensp;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#8218;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&emsp;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;ƒ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&thinsp;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#8240;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&zwnj;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;Œ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&zwj;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#65533;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&lrm;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;Ž</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&rlm;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#65533;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&ndash;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#8220;</font></div> </td> </tr> <tr> <td width="50%"> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&mdash;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#8221;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&lsquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#732;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&rsquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#8482;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&sbquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;š</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&ldquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;œ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&rdquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#65533;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&bdquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;ž</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&dagger;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364; </font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&Dagger;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#161;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&permil;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#176;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&lsaquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;&#185;</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&rsaquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8364;º</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&euro;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â&#8218;&#172;</font></div></td></tr></tbody></table><br></div><font style="color: rgb(255, 255, 153);" size="3"><span style="font-family: comic sans ms;"><br><span style="color: rgb(0, 0, 153);">Insya Allah akan menyusul beberapa tutorial HTML lainnya.</span></span><br style="font-family: comic sans ms;color: rgb(0, 0, 153);"><span style="font-family: comic sans ms;color: rgb(0, 0, 153);">Silahkan <span style="font-weight: bold;">Copas</span> dan pelajari..serta bagikan dengan yg ingin mempelajarinya</span><br style="font-family: comic sans ms;"></font><br><font style="color: rgb(153, 255, 255);" size="3"><span style="font-family: comic sans ms;color: rgb(51, 153, 153);">Bagi para Netter, bila ada kesalahan or kekurangan mohon masukannya, karena sayapun belum begitu menguasai tehnik HTML</span><br style="font-family: comic sans ms;color: rgb(51, 153, 153);"><span style="font-family: comic sans ms;"><span style="color: rgb(51, 153, 153);">Tujuan saya memposting, hanya tuk berbagi apa yg telah saya pelajari kepada yg ingin memahami.</span><br><br></span></font><center><img src="http://www.cheesebuerger.de/images/more/bigs/e100.gif" alt="<iipsmiley>"></center><br><marquee direction="right"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"><img src="http://kaskus.us/images/smilies/ngacir.gif" title="jalan-jalan ach!!"></marquee><br><br> <!-- multiply:no_crosspost --><p class='multiply:no_crosspost'></p></p>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Diposting oleh
<span class='fn'>ress</span>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/2589137215521651462/9015112308881248565' title='Posting Email'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
<span class='item-control blog-admin pid-1065098053'>
<a href='https://www.blogger.com/post-edit.g?blogID=2589137215521651462&postID=9015112308881248565&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'><span class='star-ratings'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Tidak ada komentar:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<a href='https://www.blogger.com/comment/fullpage/post/2589137215521651462/9015112308881248565' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>Posting Komentar</a>
</p>
</div>
</div>

        </div></div>
      
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://ress-art.blogspot.com/2008/10/pengenalan-css.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://ress-art.blogspot.com/2008/10/pengenalan-tentang-html.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a>
</span>
<a class='home-link' href='https://ress-art.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='https://ress-art.blogspot.com/feeds/9015112308881248565/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Mengenai Saya</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/09206787906118194184'><img alt='Foto saya' class='profile-img' height='50' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit_pOZVHAQ89I4eRbHyGnNxcf2u_wossHcddLd97qUusVJxwDXnH1qlVO54doK-GMIJyz1rqyBNJq9fTFDioKb8ZfpwAWoHZ4y3LYr8NvotYew8vVef8kSXMhVTiB890s/s1600/me%252B%252526%252Bmy%252Bdaughter.jpg' width='80'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/09206787906118194184' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
ress
</a>
</dt>
<dd class='profile-textblock'>hal yang terbaik yang diketahui manusia yakni jati diri sendiri...</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/09206787906118194184' rel='author'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget LinkList' data-version='1' id='LinkList1'>
<h2>My web</h2>
<div class='widget-content'>
<ul>
<li><a href='http://sumber-sumber.blogspot.com/2007/09/40-template-blogger-terbaik-dan-menarik.html'>40 Templat2 menarik</a></li>
<li><a href='http://tagged.com/ress_art'>My tagged</a></li>
<li><a href='http://www.youtube.com/raes7'>youtube</a></li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2024/'>
2024
</a>
<span class='post-count' dir='ltr'>(1)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2024/09/'>
September
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        &#9660;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/'>
2008
</a>
<span class='post-count' dir='ltr'>(60)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        &#9660;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/10/'>
Oktober
</a>
<span class='post-count' dir='ltr'>(3)</span>
<ul class='posts'>
<li><a href='https://ress-art.blogspot.com/2008/10/pengenalan-css.html'>Pengenalan CSS</a></li>
<li><a href='https://ress-art.blogspot.com/2008/10/struktur-dasar-html.html'>Struktur dasar HTML</a></li>
<li><a href='https://ress-art.blogspot.com/2008/10/pengenalan-tentang-html.html'>Pengenalan tentang HTML</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/09/'>
September
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/08/'>
Agustus
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/07/'>
Juli
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/05/'>
Mei
</a>
<span class='post-count' dir='ltr'>(17)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/04/'>
April
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/03/'>
Maret
</a>
<span class='post-count' dir='ltr'>(5)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/02/'>
Februari
</a>
<span class='post-count' dir='ltr'>(12)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2008/01/'>
Januari
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2007/'>
2007
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='https://ress-art.blogspot.com/2007/12/'>
Desember
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
</div>
</div></div>
<!-- end outer-wrapper -->

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/344097953-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'APlU3lzYeGvhmXNdCFT0EzDKbvax:1776739754139';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2589137215521651462','//ress-art.blogspot.com/2008/10/struktur-dasar-html.html','2589137215521651462');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2589137215521651462', 'title': 'collections', 'url': 'https://ress-art.blogspot.com/2008/10/struktur-dasar-html.html', 'canonicalUrl': 'http://ress-art.blogspot.com/2008/10/struktur-dasar-html.html', 'homepageUrl': 'https://ress-art.blogspot.com/', 'searchUrl': 'https://ress-art.blogspot.com/search', 'canonicalHomepageUrl': 'http://ress-art.blogspot.com/', 'blogspotFaviconUrl': 'https://ress-art.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22collections - Atom\x22 href\x3d\x22https://ress-art.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22collections - RSS\x22 href\x3d\x22https://ress-art.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22collections - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2589137215521651462/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22collections - Atom\x22 href\x3d\x22https://ress-art.blogspot.com/feeds/9015112308881248565/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6f81c780c564c36d', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '9015112308881248565', 'postImageUrl': 'logo.gif', 'pageName': 'Struktur dasar HTML', 'pageTitle': 'collections: Struktur dasar HTML'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Struktur dasar HTML', 'description': '  Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam peng...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uIeFb8hFe3ymtFou2DNTvLY_7Z0sp3fY7Oag2-HfQ6I94mskZv5uEU965YHJHVx_g', 'url': 'https://ress-art.blogspot.com/2008/10/struktur-dasar-html.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 9015112308881248565}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1827932055-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
</script>
</body>
</html>