Banyak sekali jenis - jenis font yang sering kita jumpai di blog / web orang lain, sering juga digunakan di komputer / laptop kita untuk mendesain banner atau apapun itu, huruf memiliki banyak jenis, seperti Arial, Courier, Tahoma, Times New Rowman, dan masih banyak lagi, jenis huruf diatas termasuk style standar blogger, kita dapat merubah dari pilihan jenis huruf diatas, caranya kita hanya perlu menyimak tutorial sederhana ini, cara ini juga dapat anda gunakan pada judul posting dan sidebar, atau bagian - bagian lain dari blog.
1. Anda bisa kunjungi situs Google Web Fonts.
2. Jika sudah masuk, anda bisa melihat sederet pilihan huruf disana, lihat gambar.
3. Klik salah satu jenis huruf yang ingin anda gunakan, lalu akan muncul tampilan seperti
berikut, adalah screenshot huruf.
4. Kemudian klik Use this font
5. Letakkan kode <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'> diatas kode </head>.
6. Jangan lupa untuk memberi tag penutup, perhatikan penulisan yang berwarna merah.<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'/>.
7. Simpan Template.
Penggunaannya :
Untuk menerapkan jenis font yang telah anda praktekan sangatlah mudah, misal yang ingin anda ganti adalah judul posting maka cari kode .post atau #post.
lihat penulisan.
.post {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
}
Anda hanya perlu melakukan penggantian nama jenis font di text yang berwarna merah. dan untuk hasilnya lihat contoh.
.post {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: "Wire One", Arial, Serif;
}
Sangat mudah bukan?bagaimana pendapat anda?pasti akan lebih menarik pengunjung untuk membaca blog kita, namun pilihlah jenis font yang mudah untuk dibaca, tidak rumit / tidak jelas.
Terimakasih, sekian untuk tutorial kali ini.
Semoga bermanfaat.
sumber:neo-exzha.blogspot.com
0 comments:
Post a Comment