> Membuat variasi Font pada Teks

Minggu, 16 Januari 2011

10

Membuat variasi Font pada Teks

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.

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.

Ping your blog, website, or RSS feed for Free



Informasi Artikel :
Judul : "Membuat variasi Font pada Teks"
Diulas Oleh : | Minggu, 16 Januari 2011 | 23.16
Description : Sebuah Web ataupun Blog diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai deng...

Rating : 6.4 Dari 10, Berdasarkan 1000+ Dari 10 000+ Pengunjung.



10 komentar:

  1. Asyik..............
    nyoba ah.....trims boss atas ilmunya

    BalasHapus
  2. Wah tips yang bermanfaat, thx ya sdh mau berbagi

    BalasHapus
  3. gan, kalo html loncat ke bawah gmN?

    BalasHapus
    Balasan
    1. Maksudnya....
      Bisa lebih jelas lagi yang anda tanyakan?

      Hapus
    2. Udah ketemu gan infonya dari situs lain, yang kaya gini, kalo di klik turun











































      langsung kebawah

      Hapus
    3. o....itu, ada cara lain pada artikel berikut :
      http://www.carabuatwebgratis.com/2011/04/cara-membuat-link-dalam-satu-halaman.html

      Hapus
  4. Saya dapat banyak informasi melalui website ini, dan terima kasih atas semua informasinya

    BalasHapus
  5. gimana cara nulis nya Gan,,,,,,,,,

    BalasHapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI

Artikel Terbaru

POST POPULER

Entri Populer



BLOGGER

Comments

HTML

Side Ads

CSS

Footer Ads

JAVASCRIPT

Random News


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.

CEO
BLOG MAS NOER

Noer cholis


Plosokuning V, Minomartani, Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"













Baca artikel "Manfaat Tukar Link"

LINK SAHABAT

LINK SAHABAT


CHAT

CHAT




TESTIMONI

Follow Us

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Recent Comments


top down