Kamis, 10 Desember 2015

Ju-on: The Final

By AndrewPane | At 18.06 | Label : | 0 Comments
Ju-on: The Final
Ju-on: The Final
Release Date: 2015 (Japan)
Filename:3gp mp4 avi
Quality: Bluray
Genre: Horror
Video: ~auto, 15fps
Audio: Amr mp3 aac
Jalan Durasi : 1 jam 30 menit
Dibintangi : Airi Taira, Ren Kiriyama, Nonoka Ono, Yurina Yanagi, Miyabi Matsuura, Rimi, Misaki Saisho, Kai Kobayashi, Yasuhito Hida, Yuina Kuroshima, Yoshihiko Hakamada, Hikakin
Disutradarai Oleh : Masayuki Ochiai
Bahasa : Japanese
Subtitle : Indonesia

Ju-on: The Final
Mengisahkan Mai yang menyadari bahwa adiknya, Yui, telah menghilang. Yui bekerja sebagai guru sekolah dasar, dia sering mengunjungi rumah Toshio Saeki yaitu salah satu muridnya yang selalu menolak untuk pergi sekolah. Mai yang mengetahui tentang hal tersebut berusaha menemukan Toshio dan berharap mendapatkan petunjuk demi menemukan kembali adiknya.

3GP :
SF |UM |TF |UF

MP4 HP :
SF |UM |TF |UF

MP4 HD :
SF |UM |TF |UF

AVI :
SF |UM |TF |UF
 

Hotel Transylvania 2

By AndrewPane | At 18.06 | Label : | 0 Comments
Hotel Transylvania 2
Hotel Transylvania 2
Release Date: 2015 (USA)
Filename:3gp mp4 avi
Quality: HDrip
Genre: Animasi, Keluarga, Komedi
Video: ~auto, 15fps
Audio: Amr mp3 aac
Jalan Durasi : 1 jam 26 menit
Dibintangi : Adam Sandler, Selena Gomez, Andy Samberg, Kevin James, Steve Buscemi, Fran Drescher, Mel Brooks, David Spade, Chris Kattan
Disutradarai Oleh : Genndy Tartakovsky
Bahasa :English
Subtitle : Indonesia

Hotel Transylvania 2
Bercerita tentang Dracula (Adam Sandler) yang khawatir karena cucunya, Dennis, tak menunjukkan tanda-tanda menjadi vampir. Dracula kemudian mencoba melatih cucunya dalam camp agar menjadi monster. Sayangnya, ayah Dracula, yaitu Vlad (Mel Brooks), mengetahui bahwa cicitnya itu tak berdarah murni sebagai vampir. Keadaan pun menjadi semakin parah saat Vlad tahu bahwa manusia diterima di Hotel Transylvania.

3GP :
SF |TF |USC |UF

MP4 HP :
SF |TF |USC |UF

MP4 HD :
SF |TF |USC |UF

AVI :
SF |TF |USC |UF
 

Sabtu, 21 November 2015

Situs Resmi Piala Dunia Diusili Hacker Anonymous

By AndrewPane | At 23.57 | Label : | 0 Comments

Situs Resmi Piala Dunia Diusili Hacker Anonymous 

Hacker Anonymous (mrconservative.com)

Liputan6.com, Jakarta - Kabar kurang mengenakkan hadir di sela-sela pagelaran Piala Dunia 2014 Brasil. Laporan yang dilansir Reuters menyebutkan bahwa situs resmi dan situs milik sponsor Piala Dunia 2014 telah diserang oleh kelompok hacker Anonymous. 

Sejauh ini diketahui ada dua situs yang menjadi korban, yakni situs resmi Piala Dunia 2014 milik pemerintah Brasil (www.worldcup2014.gov.br), dan situs Hyundai yang merupakan sponsor resmi ajang empat tahunan tersebut.

Menurut yang dilansir laman Times of India, Jumat (13/6/2014), akun Twitter Anonymous Brasil (@AnonBRNews) mengklaim bahwa kelompok mereka lah pelaku sarangan cybertersebut. Dan mereka pun menyatakan serangan yang terjadi ini merupakan sebuah permulaan.

Ancaman yang ditebar oleh @AnonBRNews ini ditandai dengan hashtag (tanda pagar) #OpHackingCup. Mereka juga sudah merilis daftar situs-situs terkait Piala Dunia 2014 yang akan menjadi sasaran berikutnya via media sosial Facebook dan Pastebin. Anonymous juga mem-posting video konfirmasi serangan #OpHackingCup di YouTube dalam bahasa Portugal.

Beberapa situs sponsor utama Piala Dunia 2014 yang tercantum dalam daftar tersebut antara lain adalah; Adidas, Emirates airline, Coca-Cola Co dan Budweiser.

Sabtu, 14 November 2015

Apa Fungsi Behel Sebenarnya? Baca INI!

By AndrewPane | At 14.28 | Label : | 0 Comments

Apa Fungsi Behel Sebenarnya? Baca INI!


Apa Fungsi Behel Sebenarnya?  Baca INI!
Apa Fungsi Behel Sebenarnya?  Baca INI!. Behel adalah perawatan ortodontis untuk memperbaiki susunan gigi yang tidak harmonis, untuk mendapatkan hubungan gigi yang baik sehingga memperbaiki fungsi pengunyahan dan mencipta keserasian estetika wajah. Kawat gigi terbuat dari kawat atau kabel. Satu perangkat kawat gigi terdiri dari band, bracket, bracket hook, dan archwire.

Akhir-akhir ini di Indonesia sangat marak penggunaan kawat gigi atau behel terutama di kalangan remaja. Seseorang yang menggunakan behel dianggap keren dan up to date. Sekarang banyak bermunculan ahli gigi yang menawarkan jasa pemasangan behel dengan harga yang murah dibandingkan dengan biaya pemasangan behel di dokter gigi. Tapi pernahkah terfikir di benak anda bila memasang behel di sembarang tempat yang menawarkan harga murah, apakah aman atau tidak?

Jangan tergiur menggunakan kawat gigi karena ingin dianggap keren, anda sebaiknya perlu mencari tahu apa fungsi utama behel sebenarnya. Fungsi utama behel atau kawat gigi adalah untuk merapikan susunan gigi dengan cara menarik secara perlahan dan bertahap agar susunan gigi dapat rapi. Dengan kawat gigi atau behel anda dapat memperbaiki penampilan gigi. Drg. Aditya menuturkan, “gigi yang tidak rata dapat mempersulit proses pengunyahan makanan hingga benar-benar lumat. Dan bagi orang-orang yang yang pencernaannya sensitif, makanan yang tidak benar-benar hancur tadi bisa menjadi masalah. Bila gigi tidak rapi maka dapat memicu stroke. Susunan gigi yang tidak rapi membuat sela-sela gigi susah dibersihkan. Akibatnya gigi gampang berlubang, keropos, timbul plak, dan dapat menimbulkan aroma yang tidak sedap. 

Kuman-kuman yang

bersarang di gigi dapat mengganggu kesehatan gusi dan saraf. Dan jika dibiarkan bisa merembet ke jantung bahkan bisa memicu terjadinya stroke.” Susunan gigi yang harus diperbaiki dengan behel adalah gigi yang tonggos. Pemasangan kawat gigi pun harus dilakukan oleh oleh ahlinya yaitu dokter gigi spesialis ortodontis. Drg. Yulia Rachma, Sp.Perio, menuturkan “Pemasangan kawat gigi yang benar prosesnya tidak mudah. Mula-mula dilakukan pemeriksaan gigi, foto susunan gigi, hingga membuat cetakan gigi pasien agar mudah diketahui bagian gigi mana saja yang harus dibenahi. Dan bila ada masalah pada gusi dan gigi perlu dibenahi terlebih dahulu sebelum memakai kawat gigi, Kalau tidak nanti susah disembuhkan karena keburu terhalang kawat gigi”. Bagi yang memakai kawat gigi, lamanya pemakaian kawat gigi tergantung pada seberapa besar posisi gigi yang harus dikoreksi. 

Semakin banyak posisi gigi yang harus dikoreksi maka semakin lama penggunaan kawat gigi pada pasien. Setelah menggunakan behel, pasien harus melakukan pemeriksaan rutin sebulan sekali. Orang yang memakai behel harus benar-benar menjaga kesehatan giginya. Nah, yang perlu menggunakan kawat gigi atau behel adalah orang yang memiliki masalah dengan susunan giginya. 

Behel juga mempunyai bahaya yaitu dapat merusak gigi, karena kawat yang terlalu lama berada di gigi akan membuat gigi menjadi goyang. Gigi berhubungan langsung dengan syaraf yang penting dalam tubuh manusia. Dengan demikian, bila anda berfikiran untuk memasang behel. Pertimbangkanlah apa anda benar-benar mempunyai masalah pada susunan gigi anda atau hanya mengikuti trend saja. Bila memang anda memiliki masalah dengan susunan gigi anda, sah-sah saja bila anda ingin menggunakan behel. Tapi anda harus mempercayakan proses pemasangan behel pada dokter gigi spesialis ortodontis. Bila susunan gigi normal dan rapi untuk apa menggunakan behel.
jadi jgn cman cuat gaya

Sabtu, 07 November 2015

cara membuat tulisan berjalan di html lewat notepad.!

By AndrewPane | At 07.36 | Label : | 0 Comments

CARA MEMBUAT TULISAN BERJALAN (MARQUEE)

Cara Membuat Tulisan Berjalan (Marquee)
Bagaimana cara membuat tulisan berjalan? Tulisan atau teks berjalan ataurunning text ini biasa juga kita sebut marquee, karena untuk membuatnya menggunakan kode marquee. Tulisan ini bisa membuat blog anda terlihat lebih menarik bagi pengunjung.

Untuk membuat tulisan berjalan atau Marquee ini sebenarnya sangat mudah. Kali ini kita akan mencoba membuat beberapa jenis marquee, agar lebih banyak variasi yang bisa anda pilih. Terlebih dulu kita akan belajar membuat kodenya, lalu belajar cara memasangnya pada blog....

Kode dasar untuk membuat marquee atau teks berjalan adalah....
 <marquee>TULISAN YANG AKAN BERGERAK</marquee>

Kode di atas akan terlihat seperti ini:
TULISAN YANG AKAN BERGERAK
 
Tapi selain kode di atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi dari marquee. Di bawah ini kita akan berikan kodenya dan sekaligus mempraktikkan marquee tersebut....

kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Contoh kode marquee:
<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>
Hasilnya akan terlihat seperti di bawah ini:
RUNNING TEKS DELAY 0,5 DETIK

kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:
<marquee loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>
Hasilnya akan terlihat seperti di bawah ini:
MARQUEE BEROTASI 3 KALI SAJA
Keterangan: Setelah 3 kali teks akan hilang.

kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:
<marquee width="50%">MARQUEE LEBAR 50 PERSEN</marquee>
Hasilnya akan terlihat seperti di bawah ini:
MARQUEE LEBAR 50 PERSEN

kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:
<marquee bgcolor="yellow">RUNNING TEXT LATAR KUNING</marquee>
Hasilnya akan terlihat seperti di bawah ini:
RUNNING TEXT LATAR KUNING


kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Contoh kode:
<marquee title="BISA TERBACA PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee>
Hasilnya akan terlihat seperti di bawah ini:
TEKS BERJALAN DENGAN PESAN
Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan

kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:
<marquee scrollamount="14">MARQUEE SPEED 14!!!</marquee>
Hasilnya akan terlihat seperti di bawah ini:
MARQUEE SPEED 14!!!

kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:
<marquee direction="right">MARQUEE BERGERAK KE KANAN</marquee>
Hasilnya akan terlihat seperti di bawah ini:
MARQUEE BERGERAK KE KANAN

kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
<marquee behavior="alternate">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Hasilnya akan terlihat seperti di bawah ini:
MARQUEE BERGERAK BOLAK-BALIK
    Sekarang kita akan coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak turun dan oleh karena itu kita perlu menambah kode height untuk membuat ruang pergerakan teks;
    Contoh kode:
    <marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
    Hasilnya...
    MARQUEE BERGERAK KE BAWAH

    Lalu bagaimana caranya membuat tulisan ini berhenti jika dilintasi kursor mouse?
    Mudah, silahkan tambahkan kode
    onmouseover="this.stop()" onmouseout="this.start()"
    Contoh kodenya seperti berikut:
    <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">MARQUEE BERGERAK BOLAK-BALIK</marquee>
    Tampilan akhir akan terlihat seperti berikut....
    MARQUEE BERGERAK BOLAK-BALIK
    Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan

    Bisakah Marquee diberi link? 
    Tentu saja, sebagai contoh lihat kode berikut:
    <marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
    <a href="http://trikmudahseo.blogspot.com/2012/09/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a>
    </marquee>  
    Tampilan akhir akan terlihat seperti berikut....

    CARA MEMBUAT TULISAN BERJALAN (MARQUEE)


    Demikianlah berbagai ragam cara untuk membuat teks berjalan. Mudah-mudahan ini bisa menjadi alternatif bagi anda dalam menghias blog menjadi lebih menarik. Silahkan bereksperimen untuk meramu kode-kode di atas.

    Mengubah Huruf, Warna dan Ukuran Huruf Teks Berjalan Marquee

    Jenis huruf dan ukuran bisa diubah dengan menambahkan kode style="font-family: impact; font-size:24px; color: #cc0000;"

    font-family: impact; adalah kode untuk mengubah jenis huruf. Jika anda tidak suka dengan font impact, silahkan diganti dengan Arial, Times New Roman, dan lain-lain

    font-size:24px; adalah kode untuk mengatur ukuran huruf. Ubah nilai 24 sesuka hati anda. Semakin besar nilainya, maka semakin besar juga hurufnya.

    color:#cc0000; adalah kode untuk mengatur warna huruf. Silahkan mengganti kode hex #cc0000 dengan nilai hex yang anda suka.

    Contoh kodenya:
    <marquee bgcolor="yellow" style="font-family: impact; font-size:24px; color:#cc0000;" >RUNNING TEXT LATAR KUNING</marquee>

    Contoh tampilan:
    RUNNING TEXT LATAR KUNING

    Lalu bagaimana cara memasang kode-kode ini?
    Saudara bisa memasang kode yang sudah dibuat pada dua tempat, yaitu widget dan artikel:
    Untuk memasang pada widget silahkan ikuti langkah berikut:
    • Buka menu Tata Letak / Layout
    • Klik Tambah Gadget
    • Pilih gadget HTML/JAVASCRIPT
    • Masukkan kode yang sudah dibuat
    • Simpan perubahan pada gadget
    Untuk memasang pada artikel ikuti langkah berikut:
    • Saat menulis artikel masuk ke mode HTML
    • masukkan kode HTML marquee saat berada di mode ini
    • Kembali ke mode Compose untuk melihat apakah posisi teks sudah benar
    • Klik PRATINJAU untuk melihat versi web aktif
    Ok, sekarang anda sudah tahu cara membuat dan memasangnya. Berarti saudara sudah bisa bereksperimen sendiri untuk menghias blog menjadi lebih menarik.... Jadi sekian dulu artikelnya, terima kasih sudah mampir...

    Minggu, 01 November 2015

    Walpapaer Hacker

    By AndrewPane | At 01.32 | Label : | 0 Comments














    MEMBUAT LINK DALAM DOKUMEN HTML

    By AndrewPane | At 01.26 | Label : | 0 Comments

    MEMBUAT LINK DALAM DOKUMEN HTML

    Nah…. Sobat pastinya sudah tau apa itu yang dimaksud dengan link kan .. ? jika belum tau klinik-it akan sedikit menjelaskannya untuk sobat.hehehe apa itu link ? link adalah sebuah teks atau kata yang dapat diklik dan berpindah halaman web.Silakan klik kata Pindah halaman di bawah ini .

    <a href=”http://www.denisahlan.co.tv”>Pindah halaman</a>

    Jika kita meng-klik link di atas maka kita akan berpindah halaman ke halam web lain,,nah… itu dia yang disebut dengan LINK. Sobat sudah paham kan ? link itu bermacam-macam loh !! Tapi jangan kwawatir dalam postingan lanjutan klinik-it yang lainya klinik-it akan menjelaskannya untuk sobat.

    Sudah siap untuk mencoba membuat dokumen HTML dengan menggunakan Link ? jika sudah siap tag yang dibutuhkan untuk membuat sebuah link adalah sebuah tag <a> yang dilengkapi dengan atribut href untuk mendefinisikan lokasi LINK. Coba sobat lihat contoh dokumen HTML dengan LINK dibawah ini.

    <html>
    <body>
    <p>
    <a href=http://www.denisahlan.co.tv>Ini adalah sebuah link,silakan klik aku</a>
    </p>
    </body>
    </html>

    Sobat sudah lihat kan contoh dokumen HTML dengan menggunakan link di atas ? jika sudah ayo kita belajar membuatnya, silakan ikuti langkah-langkah di bawah ini.

    1.Klik Menu Pada computer sobat.

    2.Kemudian Klik ALL PROGRAM.

    3.Klik accessories.

    4.Klik NOTEPAD.

    5.Selanjutnya Copy Dan Paste dokumen html dengan LINK Di atas Ke dalam notepad tersebut.

    6.Klik Save Dengan nama coba10.html.

    7.Pilih All Files Pada File AS TYPE.

    8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

    Membuat Desain Website Berbasis HTML Dengan Notepad++

    By AndrewPane | At 01.23 | Label : | 0 Comments

    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
    selamat mencoba.!
    ◄ Posting Baru Posting Lama ►
     

    Kontak Kami

    Kursor Blog

    Daftar Isi

    Pembaca

    Copyright © 2012. Jumper Tec - All Rights Reserved My Free Template by Bamz