P engguna template blog platform blogspot (Blogger) dapat mengganti font template website blog. Ada beberapa jenis font bawaan Blogger, yaitu : arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings. Sayangnya jumlah pilihan jenis font ini sangat terbatas. Sementara Anda tentu menginginkan font yang lebih stylist dan elegan.
Font huruf website blog
Sebelumnya perlu dipahami pengertian font yang akan digunakan di content teks website (blog).
- Font adalah jenis huruf untuk style tulisan.
Kebanyakan template hasil download tidak bisa diedit di perancang template. Namun kita tidak perlu melakukan sejauh itu untuk menambahkan tipe font pada blog. Simak saja tutorial berikut :
Memilih Jenis Font untuk website
- Buka situs http://www.google.com/webfonts/ Lihat pilihan tipe font (617 font families)
- Jika sudah menemukan huruf yang disukai, misalnya, saya memilih Tangerine (seperti gambar diatas). Maka lakukan klik tombol biru “Add to Collection” pada bagian sudut kanan bawah sampel huruf yang Anda pilih. Silahkan pilih lebih dari satu huruf jika diperlukan.
- Jika anda sudah selesai memilih huruf, silahkan klik tombol Use
- Anda akan dialihkan ke halaman baru, dan ada 2 hal yang harus dilakukan :
- Pertama, pilih jenis ketebalan huruf. Beri centang diantara 2 kotak pilihan yang ada (kotak Normal dan kotak Bold).
Jika diberikan centang pada kotak Normal dan kotak Bold, maka loading page nantinya akan semakin berat karena ditampilkannya huruf tebal (bold).
- Pertama, pilih jenis ketebalan huruf. Beri centang diantara 2 kotak pilihan yang ada (kotak Normal dan kotak Bold).
1. Choose the styles you want :
- Normal 400
- Bold 700
- Latin (latin)
Lalu copy kode dari Google Font. Seperti gambar berikut ini.
Kode ini hanya contoh saja tidak perlu di-copy.
<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
Menambahkan font pada website blog
- Jika sudah menyelesaikan tahapan di atas sekarang masuk ke account blogger Anda.
- Pilih menu Template > Edit HTML
- Ikuti instruksi ini:
- Instructions: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document.
- Maksudnya : Letakkan snippet yang didapat (seperti gambar diatas) atau paste kode yang di-copy tepat dibawah
<head> - Jangan lupa untuk menambahkan kode / sebelum penutup > kode tersebut. Hasilnya akan terlihat seperti contoh berikut :
- <head>
<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'/>
- Simpan Template
Penggunaan font baru di blog website design
Sekarang setelah selesai melakukan langkah langkah sebelumnya anda tinggal memanfaatkan font baru. Saya akan mengganti jenis huruf pada nama blog saya – “WEBSITE DESIGN” dengan membuka dokumen HTML di bagian ini :
Semula : #header h1{color:ff38b3;margin-top:-14px;margin-left:450px;margin-right:200px;padding:0px 0px 0px 10px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:60px;line-height:50px}
Menjadi :
#header h1{color:ff38b3;margin-top:-14px;margin-left:450px;margin-right:200px;padding:0px 0px 0px 10px;font-family:Tangerine, Helvetica, Sans-serif;font-weight:bold;font-size:85px;line-height:50px}
That's all we know - Good luck!
.
.
.
.
.
.
.
.
![[Valid Atom 1.0]](https://lh3.googleusercontent.com/-AHjNV40KrDw/UextTozh8GI/AAAAAAAAMjU/UG7zSHdmatc/w88-h31-no/valid-atom.jpg "Validate my Atom 1.0 feed")
