Seperti yang kita ketahui, bahwasanya font pada postingan di blog jenisnya hanya sedikit. Mau tidak mau kita pun hanya bisa menggunakan font standar tersebut dan kesulitan untuk mengganti dengan font lain. Memang, cara yang paling mudah yaitu posting melalui Ms Word atau bisa juga dengan copy paste dari Software pengolah kata semacam Ms Word. Tapi untuk font-font tertentu, cara ini kadang tidak berfungsi, terutama jika di terapkan di blogspot. hal ini di tandai dengan munculnya pesan "HTML Anda tidak bisa diterima: Tag is not allowed: META".
Disini saya akan memberikan tips cara mengganti font pada postingan di blog dengan cara yang cukup mudah dan sederhana. Berikut langkah-langkahnya:
1. Masuk ke Dashboard => Template =>Edit HTML
2. Sisipkan Kode berikut ini tepat di bawah kode <head>
<link href='http://fonts.googleapis.com/css?family=Nama+Font' rel='stylesheet' type='text/css'/>
3. Jika Fontnya lebih dari satu, kodenya seperti ini :
<link href='http://fonts.googleapis.com/css?family=Nama+Font|Nama+Font|Nama+Font' rel='stylesheet' type='text/css'/>
Selanjutnya untuk mengganti font pada postingan, anda bisa memilih salah satu dari cara di bawah ini sesuai dengan kebutuhan anda. Adapun cara-caranya adalah:
1. Mengganti Font Dalam Satu Postingan
2. Mengganti Font Pada Satu atau Beberapa Kalimat Saja
Disini saya akan memberikan tips cara mengganti font pada postingan di blog dengan cara yang cukup mudah dan sederhana. Berikut langkah-langkahnya:
1. Masuk ke Dashboard => Template =>Edit HTML
2. Sisipkan Kode berikut ini tepat di bawah kode <head>
<link href='http://fonts.googleapis.com/css?family=Nama+Font' rel='stylesheet' type='text/css'/>
3. Jika Fontnya lebih dari satu, kodenya seperti ini :
<link href='http://fonts.googleapis.com/css?family=Nama+Font|Nama+Font|Nama+Font' rel='stylesheet' type='text/css'/>
Selanjutnya untuk mengganti font pada postingan, anda bisa memilih salah satu dari cara di bawah ini sesuai dengan kebutuhan anda. Adapun cara-caranya adalah:
1. Mengganti Font Dalam Satu Postingan
- Masuk ke pos editor, pindah ke ke HTML Mode.
- Pada baris paling atas, sisipkan kode seperti ini:
<div style="font-family:'Nama Font',Type;font-size:Ukuran Font;">, lalu di akhir postingan di beri kode </div> - Ganti Tulisan yang di beri warna biru sesuai kebutuhan, contohnya seperti ini:
<div style="font-family:'Droid Serif',Serif;font-size:15px;">, lalu di akhir postingan di beri kode </div>
2. Mengganti Font Pada Satu atau Beberapa Kalimat Saja
- Masuk ke pos editor, pindah ke ke HTML Mode.
- Pilih kalimat yang akan di ganti hurufnya, lalu sisipkan kode ini:
<span style="font-family:'Nama Font',Type;font-size:Ukuran Font;">Letak Postingan Di Sini </span> - Ganti Tulisan yang di beri warna biru sesuai kebutuhan, contohnya seperti ini:
<span style="font-family:'Droid Serif',Serif;font-size:15px;">Letak Postingan Di Sini </span>
- Untuk Nama Font, anda bisa mencarinya di google web fonts
- Untuk Ukuran Font, anda bisa menggunakan ukuran pixel (px) , ataupun persen (%).
- Perhatikan kode di atas. bedakan penulisan kode Nama+Font dengan Nama Font. Sebagai contoh seperti ini:
Nama+Font : Droid+Serif (memakai tanda plus(penggunaan untuk kode <head>))
Nama Font : Droid Serif (memakai spasi (penggunaan untuk kode pada postingan))
- Princess Sofia
- Ewert
- Allura
- Glegoo
Apabila ada script yang rusak/ tidak bisa digunakan, mohon untuk memberitahu kami melalui email atau bisa juga melalui kolom komentar di bawah. Terima kasih
=p~
BalasHapusTerimakasih banyak gan, sangat bermanfaat sekali tutorialnya..
BalasHapus(h)
BalasHapus