KUMPULAN SCRIPT HTML UNTUK BLOG/SITE

Berikut adalah kumpulan Script yang barangkali bisa membantu sohib semua dalam melengkapi penampilan Blog dengan tampilan-tampilan yang dianggap dapat mempercantik. Adapun caranya kita hanya meng-COPY-kan kode tersebut ke Blog Kode.

1. MEMBUAT BACKGROUND

Hasilnya :

Ini bagian heading

Ini bagian paragraph.

2.MENGUBAH FONT DAN UKURANYA

Hasilnya :
Look! Styles and colors

Font Verdana berwarna Merah

Font Time dan berwarna Hijau

Text ini 30 Pixel tingginya

3. MEMBUAT LINK KE LEMBAR STYLE EXTERNAL

Hasilnya :
Saya di format dengan lembar style external
Saya juga!

4. FORMAT TEXT

<!DOCTYPE html> 
<html> 
<body> 
 
Hurup Tebal 
Text Kuat 
<big>Huruf Besar</big> 
Huruf Miring melebar 
Huruf Miring 
Hurup Kecil 
ini adalah Hurup Bawah dan Hurup Atas 
 
</body> 
</html> 
 
Hasilnya : 
 
Hurup Tebal 
Text Kuat 
<big>Huruf Besar</big> 
Huruf Miring melebar 
Huruf Miring 
Hurup Kecil 
Ini adalah Hurup Bawah dan Hurup Atas 
 
5. MENANDAI YANG DI HAPUS DAN MENYISIPKAN TEXT 
 
<!DOCTYPE html> 
<html> 
<body> 
 
Warna Favourit saya adalah <del>BIRU</del> <ins>MERAH</ins>! 
 
Catatan: Browser akan menandai text yang di hapus, dan menggaris bawahi sisipan text. 
 
</body> 
</html>

Hasilnya :

Warna Favourit saya adalah

BIRU

MERAH
!
Catatan: Browser akan menandai text yang di hapus, dan menggaris bawahi sisipan text.

6. MEMBUAT TABEL

Hasilnya :

Setiap tabel diawali oleh Table Tag. Setiap tabel diawali oleh Table Tag.

Satu Kolom:

100

Satu baris dan Tiga Kolom:

100

200

300

Dua baris dan tiga kolom:

100	200	300
400	500	600

7. MEMBUAT TABEL HEADER

Hasilnya :
Tabel headers:

Nama	Telepon	Telepon
Shadam	555 77 854	555 77 855

Vertical headers:

Nama Depan:	Shadam
Telepon:	555 77 854
Telephon:	555 77 855

8. MEMBUAT TABEL DENGAN CAPSI

Hasilnya :

Tabungan Bulanan
Bulan	Menabung
Januari	Rp.100.000
Februari	Rp.50.000

9. MEMBUAT TABEL DENGA SATU BARIS UNTUK DUA KOLOM DAN SATU KOLOM UNTUK 2 BARIS

Hasilnya :

Cell yang melintas 2 kolom:

Nama	Telephone
Herdiz72	555 77 854	555 77 855

Cell yang melintas 2 Baris:

Nama awal:	Herdiz72
Telephone:	555 77 854
Telephone:	555 77 855

10.MEMBUAT TAGS DI DALAM TABEL

Hasilnya :

Ini adalah paragraf pertama
Ini paragraf yang lain

Cell ini berisi Tabel:

A	B
C	D

Cell ini berisi Daftar

Apel
Pisang
Nanas

Apa Khabar

11. MEMBUAT CELL PADDING

Hasilnya :

Tanpacellpadding:

Pertama	Baris
Kedua	Baris

Dengan cellpadding:

Pertama	Baris
Kedua	Baris

12. MEMBUAT SPASI CELL ANTARA HURUP DI DALAM CELL

Hasilnya :

Tanpa Spasi:

Baris	Pertam
Baris	Kedua

Dengan Spasi="0":

Baris	Pertama
Baris	Kedua

Dengan Spasi="10":

Baris	Pertama
Baris	Kedua

13. MEMBUAT ATRIBUT FRAME

<!DOCTYPE html> 
<html> 
<body> 
 
 
Note: 
Jika frame/border tidak muncul berarti browser anda tidak support "frame" attribute. 
 
 
<h4>Dengan frame="border":</h4> 
<table frame="border"> 
<tr> 
  <td>Baris</td> 
  <td>Pertama</td> 
</tr> 
<tr> 
  <td>Baris</td> 
  <td>Kedua</td> 
</tr> 
</table> 
 
<h4>Dengan frame="box":</h4> 
<table frame="box"> 
<tr> 
  <td>baris</td> 
  <td>Pertama</td> 
</tr> 
<tr> 
  <td>Baris</td> 
  <td>Kedua</td> 
</tr> 
</table> 
 
<h4>Dengan frame="void":</h4> 
<table frame="void"> 
<tr> 
  <td>Baris</td> 
  <td>Pertama</td> 
</tr> 
<tr> 
  <td>Baris</td> 
  <td>Kedua</td> 
</tr> 
</table> 
 
<h4>Dengan frame="above":</h4> 
<table frame="above"> 
<tr> 
  <td>First</td> 
  <td>Row</td> 
</tr> 
<tr> 
  <td>Second</td> 
  <td>Row</td> 
</tr> 
</table> 
 
<h4>Dengan frame="below":</h4> 
<table frame="below"> 
<tr> 
  <td>First</td> 
  <td>Row</td> 
</tr> 
<tr> 
  <td>Second</td> 
  <td>Row</td> 
</tr> 
</table> 
 
<h4>Dengan frame="hsides":</h4> 
<table frame="hsides"> 
<tr> 
  <td>First</td> 
  <td>Row</td> 
</tr> 
<tr> 
  <td>Second</td> 
  <td>Row</td> 
</tr> 
</table> 
 
<h4>Dengan frame="vsides":</h4> 
<table frame="vsides"> 
<tr> 
  <td>First</td> 
  <td>Row</td> 
</tr> 
<tr> 
  <td>Second</td> 
  <td>Row</td> 
</tr> 
</table> 
 
<h4>Dengan frame="lhs":</h4> 
<table frame="lhs"> 
<tr> 
  <td>First</td> 
  <td>Row</td> 
</tr> 
<tr> 
  <td>Second</td> 
  <td>Row</td> 
</tr> 
</table> 
 
<h4>Dengan frame="rhs":</h4> 
<table frame="rhs"> 
<tr> 
  <td>First</td> 
  <td>Row</td> 
</tr> 
<tr> 
  <td>Second</td> 
  <td>Row</td> 
</tr> 
</table> 
 
</body> 
</html>

Hasilnya :

Note:
Jika frame/border tidak muncul berarti browser anda tidak support "frame" attribute.

Dengan frame="border":

Baris	Pertama
Baris	Kedua

Dengan frame="box":

baris	Pertama
Baris	Kedua

Dengan frame="void":

Baris	Pertama
Baris	Kedua

Dengan frame="above":

First	Row
Second	Row

Dengan frame="below":

First	Row
Second	Row

Dengan frame="hsides":

First	Row
Second	Row

Dengan frame="vsides":

First	Row
Second	Row

Dengan frame="lhs":

First	Row
Second	Row

Dengan frame="rhs":

First	Row
Second	Row

Tag : Trik Blogger

Serba Gratis

KUMPULAN SCRIPT HTML UNTUK BLOG/SITE