Mengganti Font Pada Postingan

17 February 2012
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

Edit HTML, Merubah font di blog


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'/>
font 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 
  1. Masuk ke pos editor, pindah ke ke HTML Mode.
  2. 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>
  3. 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
  1. Masuk ke pos editor, pindah ke ke HTML Mode.
  2. 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>
  3.  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>
Catatan:
  1. Untuk Nama Font, anda bisa mencarinya di google web fonts
  2. Untuk Ukuran Font, anda bisa menggunakan ukuran pixel (px) , ataupun persen (%).
  3. 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))
Berikut ini contoh-contoh Font :
  1. Princess Sofia
  2. Contoh Hurufnya Seperti Ini
  3. Ewert
  4. Contoh Hurufnya Seperti Ini
  5. Allura
  6. Contoh Hurufnya Seperti Ini
  7. Glegoo
  8. Contoh Hurufnya Seperti Ini

INFORMASI PENTING

Apabila ada script atau tips & trik yang tidak bisa digunakan, silahkan beritahu kami melalui kolom komentar atau email kami di psnpenting@gmail.com

papa wardi
papa wardi Updated at: 09:33

3 komentar

Kolom komentar adalah tempat untuk Tanya-Jawab, Kritik-Saran dan tempat untuk berbagi ilmu, BUKAN TEMPAT PROMOSI.
Maaf jika saya tidak bisa membalas satu per satu komentar sahabat semua. Harap maklum.

Copyright 2016 © papawardi