Gue Serba Gratis

Informasi Gratisan Yang Bermutu

KODE-KODE HTML

1.Tag-tag Dasar Membuat Homepage

           HTML adalah bahasa interpreter, bukan bahasa pemrograman. Agar dapat dibaca dalam sistem komputer apapun diperlukan elemen-lemen berupa kode-kode atau sering disebut "tag" yang dapat me-mark-up (memoles) file-file ASCII. 

HTML berisi hampir 100 tags. Tidak memerlukan hafalan yang tinggi untuk mengenal tag-tag tersebut, Anda hanya perlu beberapa menit saja untuk mempelajarinya, mengenal fungsi masing-masing tag dan menyisipkan ke dalam website anda atau bisa dilakukan dengan copy- paste.

OK, Mari kita memulai dari tag-tag dasar dalam membuat homepage di bawah ini!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Gue Serba Gratis</title>
</head>
<body>
Html adalah bahasa interpreter, bukan bahasa pemrograman
</body>
</html>

Penjelasan Mengenai penggunaan kode-kode di atas:


  •  <!DOCTYPE... >  adalah kode yang memberikan informasi pada browser mengenai versi dokumen HTML yang digunakan. Contoh diatas adalah versi saat ini sedang digunakan yaitu versi 4.01 yang disusun oleh kelompok kerja W3C (www.w3.org)
  • <html> adalah elemen yang dapat diasosiasikan sebagai sebuah tempat dimana semua tag-tag berada di dalamnya ( kecuali untuk DOCYTYPE )
  • <head> adalah sebuah tag yang berisi informasi yang tidak tampak dalam browser (seperti meta tags, JavaScript and CSS). kecuali tag "tittle" yang letaknya berada diantara tag "head"
  •  <title> Isi dari tag <title> adalah menampilkan informasi tentang judul hompage yang terdapat pada Sebelah kiri atau kanan atas sebuah browser.
  • <body> adalah isi dari sebuah homepage dimana sebagian besar tag-tag HTML berada di dalamnya.

2. Informasi Untuk Search Engine

       Salah satu upaya agar homepage kita dikunjungi pemakai internet sebanyak-banyaknya adalah dengan memasukkan informasi keywoard, deskripsi  dll dengan kode yang disebut "Meta tag" sehingga keitka homepage kita telah terdaftar di berbagai search engine, secara otomatis akan memudahkan pengunjung menemukan website kita.
Contoh penggunaan Meta tag di bawah ini:
<head>
<title>Gue Serba Gratis</title>
<meta name="autor" content="Diah Fitri Patriani">
<meta name="description" content="Homepage serba gratis adalah sebuah situs yang memberikan referensi lengkap mengenai segala sesuatu yang serba gratis di internet">
<meta name="keywords" content="klik iklan dapat duit, daftar paypal gratis, bikin website gratis">

3. Mengatur Warna Text dan Background, learn more

4. Menggunakan Link, learn more

5. Menggunakan Header, learn more

6. Mengatur Spasi, learn more

7. Menggunakan Garis Horisontal, learn more

8. Mengatur Gambar , learn more

9. Membuat Tulisan Rata Kanan Kiri, learn more

SELUK BELUK SCRIPTS INSTANS

1. Membuat Text Berjalan

Apakah sobat ingin menampilkan gerakan animasi text yang berjalan pada blog sobat seperti pada contoh diatas? Mudah tinggal copy/paste saja kode script yang saya berikan silahkan pelajari lebih lanjut. Learn more

2. Membuat Tanggal Update

Pengen nambah konten keren semisal Tanggal yang Update yang menghiasi sudut blog sobat? saya kasih infonya gratis silahkan pelajari lebih lanjut Learn more

3. Menampilkan Waktu Update



Jika sobat ingin menampilkan waktu di blog yang akan tampil seperti contoh di atas, pelajari lebih lanjut info gratis yang saya berikan Learn more


4. Membuat Gambar Animasi

Spong Bob Joged! Pengen tahu goyangannya Klik disini! atau copy paste kodenya di bawah ini:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gueserbagratis.webs.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="Spong Bob joged" alt="animasi bergerak gif" /></a><small><center><a href="http://gueserbagratis.webs.com/apps/blog/show/42652499-membuat-gambar-animasi.html" target="_blank">Spong Bob Joged</a></center></small></div>

Om Batman jalan-jalan! Penasaran lihat animasinya Klik disini atau copy paste kode di bawah ini:
<div style="position:fixed; bottom:25px;left: 20px;width:120px;height:135px;"><a href:"http://gueserbagratis.webs.com" titlle="om batman"><img src="http://batman-project.googlecode.com/files/suazz.gif.gif"/></a><small></small><center><a href:"http://gueserbagratis.webs.com/apps/blog/show/42652499-membuat-gambar-animasi.html" target="-blank"><span style="font-weight:bold;color:#00000;">Om Batman</span></a></center></div>

Bintang Dansa! Lihat gayanya Klik disini atau copy-paste code di bawah ini:

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gueserbagratis.webs.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="Bintang Dansa" alt="animasi bergerak gif" /></a><small><center><a href="http://gueserbagratis.webs.com/apps/blog/show/42652499-membuat-gambar-animasi.html" target="_blank">Bintang Dansa</a></center></small></div>