Berbisnis Online ala Google

Selasa, 05 Juni 2012

Membuat Variasi font pada Text di Blog

Sebuah Web ataupun Blog diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai dengan selera kita,seperti memberi warna pada teks, memberi ukuran besar kecil dll. Dan kali ini saya akan memberi contoh bagaimana cara penulisan dalam HTML, agar tulisan lebih bervariasi.


Nama-nama Font bisa anda lihat dibagian paling bawah halaman ini. Daftar font yang saya contohkan saya ambil dari nama-nama font yang di pakai di Notepad, versi script western.


Untuk memberi warna pada teks anda, silahkan lihat dan pilih warna dan kodenya yang ada  pada Tabel kode warna di : http://si-owner.blogspot.com/2012/05/kode-warna-html-terbaru.html  Atau KLIK DISINI


OK...!!!, sekarang silahkan anda perhatikan perbedaan contoh-contoh berikut :

1. Teks standart :

<font>Teks dengan fon standart</font>
berikut hasilnya :


Teks dengan font standart


2. Teks dengan nilai besar-kecil :

<font size="6">Teks dengan ukuran font</font>
 berikut hasilnya :

Tek dengan ukuran font



3. Teks dengan nilai ukuran dan berwarna :



<span style="color: #FF0000; font-size: 45px;">Teks dengan nilai ukuran dan berwarna merah</span>

berikut hasilnya :

Teks dengan nilai ukuran dan berwarna merah


<span style="color: #ffff20; font-size: 50px">Teks dengan nilai ukuran dan berwarna kuning</span>

berikut hasilnya :
Teks dengan nilai ukuran dan berwarna kuning


<span style="color: #009600; font-size: 30px;">Teks dengan nilai ukuran dan berwarna hijau</span>

berikut hasilnya :

Teks dengan nilai ukuran dan berwarna hijau


<span style="color: #1418ff; font-size: 20px;">Teks dengan nilai ukuran dan berwarna biru</span>

berikut hasilnya :

Teks dengan nilai ukuran dan berwarna biru




4. Teks berwarna dengan besar 30px,font Goudy Stout :
<span style="color: #1418ff; font-size: 30px"><span style="font-family: Goudy Stout,sans-serif;">Teks berwarna dengan besar 30px,font Goudy Stout</span></span>

berikut hasilnya :

Teks berwarna dengan besar 30px,font Goudy Stout

 Gimana mudah kan....?
 

Berikut ini daftar macam-macam font untuk anda coba terapkan pada artikel anda :


Nama-nama Font
Agency FB


Algerian


Arial


Arial Rounded MT


Baskerville Old Face


Bauhaus 93


Bell MT


Berlin Sans FB


ArialBernard MT


Blackadder ITC


Bodoni MT


Bodoni MT Poster


Book Antiqua


Bookman Old Style


Bradley Hand ITC


Britannic


Broadway


Brush Script MT


Calibri


Century Gothic


Century Schoolbook


Chiller


Colonna MT


Comic Sans MS


Cooper


Copperplate Gothic


Courier


Curlz MT


Edwardian Script ITC


Elephant


Engravers MT


Eras ITC


Felix Titling


Fixedsys


Footlight MT


Forte


Franklin Gothic


Freestyle Script


French Script MT


Futura Md BT


Gabriola


Georgia


Gigi


Gill Sans


Gloucester MT


Goudy Old Style


Goudy Stout


Haettenschweiler


Harlow Solid


Harrington


High Tower Text


Impact


Informal Roman


okermanJ


Juice ITC


Kristen ITC


Kunstler Script


Latin


Lucida Calligraphy


Lucida Console


Lucida Handwriting


Lucida Sans


Magneto


Maiandra GD


Matura MT Script Capitals


Microsoft Sans Serif


Mistral


Modern


Modern No. 20


Monotype Corsiva


MS Sans Serif


MS Serif


Niagara Engraved


Niagara Solid


OCR-A BT


Old English Text MT


Onyx


Palace Script MT


Palatino Linotype


Papyrus


Playbill


Poor Richard


Pristina


Rage


Ravie


Rockwell


Roman


ArialScript


Script MT


Segoe Print


Segoe Script


Segoe UI


ArialShowcard Gothic


Small Fonts


Snap ITC


Stencil


System


Tahoma


Tempus Sans ITC


Terminal


Times New Roman


Trebuchet MS


Tw Cen MT


Verdana


Viner Hand ITC


Vivaldi


Vladimir Script


Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.

Tidak ada komentar:

Posting Komentar