Nelove | Shares My Little Experiences

Kadang tulisan default pada template kita terlihat begitu sederhananya, kadang juga terpikir di benak kita tuk mengganti font header tersebut agar kelihatan lebih manis dan cocok untuk tema blog kita.
Mengganti font header bukanlah sesuatu yang sesulit yang kita bayangkan, kita hanya perlu mengedit file CSS bawaan template kita, cukup hanya sekedar menambahkan bhs planet "font-family: FONT YANG ANDA INGINKAN;", taruh tulisan tadi di dalam class header atau .header {}, taruh file CSS tadi di dalam kurung kurawang.

Berikut adalah step by step dan gambarnya:
1. Langkah pertama, tentunya anda harus log in ke akun blogger anda terlebih dahulu, setelah masuk maka akan tampil tampilan dashboard seperti gambar berikut:

.header
{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #cccccc;
  font-family:'Arial', cursive;
}

5. sehingga header anda akan nampak seperti header blog ini








Catatan: anda bisa memilih font yang lain, selain font arial, skrip font diatas hanyalah contoh, jika anda ingin mengganti font selain font arial, anda hanya perlu mengubah 'arial' menjadi 'Bradley Hand ITC atau yang lainya.


 6. Berikut adalah kumpulan font untuk HTML, yang dapat anda gunakan 
 

The quick brown fox jumps over the lazy dog.
font-family: 'Academy Engraved LET', serif;

font-family: Acklin, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Agatha, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Agency FB', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Algerian, sans-serif;

font-family: AllensHand, sans-serif;

font-family: Arcane, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Arial Black', Gadget, sans-serif;

font-family: 'Arial Narrow', Helvetica, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Arial Rounded MT Bold', Gadget, sans-serif;

font-family: Arial, Helvetica, sans-serif;

font-family: Author, cursive;

The quick brown fox jumps over the lazy dog.
font-family: Avian, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Balogna, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Bell MT', serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Benguiat Frisky ATT', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Black Chancery', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Boink LET', sans-serif;

font-family: 'Book Antiqua', serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Bookman Old Style', serif;

The quick brown fox jumps over the lazy dog.
font-family: Bookplate, serif;

The quick brown fox jumps over the lazy dog.
font-family: Boston, serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Bradley Hand ITC', cursive;

font-family: 'Britannic Bold', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Broadway, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Brush Script MT', cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Brush Script', cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'BrushScript BT', cursive;

The quick brown fox jumps over the lazy dog.
font-family: BrushStroke, cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Calisto MT', serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Cataneo BT', serif;

The quick brown fox jumps over the lazy dog.
font-family: Centaur, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Century Gothic', sans-serif;

font-family: Century, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Chancery, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Chiller, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Comic Sans MS', cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Cooper Black', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Cooper Md BT', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Courier New', Courier, monospace;

font-family: Courier, monospace;

The quick brown fox jumps over the lazy dog.
font-family: Cricket, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Curlz MT', sans-serif;

font-family: Daniela, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Dauphin, serif;

The quick brown fox jumps over the lazy dog.
font-family: Dingbats1, Webdings, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Dingbats2, Webdings, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'DomBold BT', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'DomCasual BT', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Fixedsys, monospace;

The quick brown fox jumps over the lazy dog.
font-family: FlamencoD, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Footlight MT Light', serif;

The quick brown fox jumps over the lazy dog.
font-family: Forte, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Franklin Gothic Book', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Franklin Gothic Heavy', sans-serif;

font-family: 'Franklin Gothic Medium', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'French Script MT', cursive;

The quick brown fox jumps over the lazy dog.
font-family: Fritz, serif;

The quick brown fox jumps over the lazy dog.
font-family: Futurist, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Garamond, serif;

The quick brown fox jumps over the lazy dog.
font-family: Garnet, serif;

The quick brown fox jumps over the lazy dog.
font-family: Georgia, serif;

The quick brown fox jumps over the lazy dog.
font-family: Gigi, cursive;

The quick brown fox jumps over the lazy dog.
font-family: Gilde, serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Gill Sans MT Shadow', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Gill Sans MT', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Goudy Old Style', serif;

font-family: 'Hammer Fat', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Hammer Thin', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Harrington, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Helvetica Neue', Arial, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Helvetica, Arial, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'HelveticaNeue Black', Arial, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'HelveticaNeue Condensed', Arial, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'High Tower Text', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Highlight LET', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Hobby Headline', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: IceAgeD, serif;

The quick brown fox jumps over the lazy dog.
font-family: Impact, Charcoal, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Imprint MT Shadow', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Informal Roman', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Jokerman, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Kids, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Koffee, cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Kristen ITC', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Krone, serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Blackletter', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Calligraphy', cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Casual', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Console', Monaco, monospace;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Fax', monospace;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Fax', monotype;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Handwriting', cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'MS Sans Serif', Geneva, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'MS Serif', 'New York', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Microsoft Sans Serif', Geneva, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Modern, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Monotype Corsiva', cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Myriad Roman', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

The quick brown fox jumps over the lazy dog.
font-family: Palisade, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Papyrus LET', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Perpetua, serif;

The quick brown fox jumps over the lazy dog.
font-family: Phyllis, cursive;

The quick brown fox jumps over the lazy dog.
font-family: 'Poor Richard', serif;

The quick brown fox jumps over the lazy dog.
font-family: Pristina, fantasy, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Rage Italic LET', cursive;

The quick brown fox jumps over the lazy dog.
font-family: Ravie, fantasy, sans-serif;

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.
font-family: Roman, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Schoolbook, serif;

The quick brown fox jumps over the lazy dog.
font-family: Script, cursive;

The quick brown fox jumps over the lazy dog.
font-family: Soutane, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Stencil, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Symbol, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: System, monospace;

The quick brown fox jumps over the lazy dog.
font-family: Tahoma, Geneva, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Terminal, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Times New Roman', Times, serif;

The quick brown fox jumps over the lazy dog.
font-family: 'Trebuchet MS', Helvetica, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Typewriter, monospace;

The quick brown fox jumps over the lazy dog.
font-family: University, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Vagabond, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Verdana, Geneva, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Webdings, sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: cursive;

The quick brown fox jumps over the lazy dog.
font-family: fantasy;

The quick brown fox jumps over the lazy dog.
font-family: monospace;

font-family: sans-serif;

The quick brown fox jumps over the lazy dog.
font-family: serif;

Related Posts : Tutorial Web