Home » CSS » Cara Mengganti Font Dalam Postingan

Cara Mengganti Font Dalam Postingan

26 Apr. 2010166 comments
Cara Mengganti Font Dalam Postingan

Cara Mengganti Font Dalam Postingan baik untuk wordpress maupun blogspot bisa anda lakukan dengan sedikit memberi sentuhan CSS/HTML di antara font yang ingin ditampilkan. Cara yang lebih praktis sebenarnya bisa dilakukan dengan copy paste dari MS Word namun dalam kasus tertentu cara ini kadang-kadang tidak berfungsi, apalagi jika diterapkan di blogspot, pasti akan muncul  warning “HTML Anda tidak bisa diterima: Tag is not allowed: META”.

Pada dasarnya semua font-font standard yang terinstall di komputer bisa ditampilkan di dalam postingan.  Namun untuk font tidak standard atau font tambahan baru bisa ditampilkan sesuai dengan font aslinya apabila di komputer pengguna/pengunjung juga terinstall font yang sama dengan settingan di dalam postingan. Cara lainnya yaitu dengan menggunakan sebuah plugin atau dengan cara menginstall font tertentu ke folder theme wordpress dan sedikit modifikasi file CSS. Khusus untuk wordpress dengan hosting sendiri jika ingin menampilkan font dengan karakter tertentu, seperti tulisan Arab, China, Jepang, Thailand dan lain-lain, harus mengganti database collation field default terutama pada tabel wp_post dari latin1_general_ci atau latin1_swedish_ci menjadi utf8_general_ci. Cara ini pernah saya bahas di postingan ini, Posting Dengan Huruf Arab di WordPress Self Hosting.

Cara Mengganti Font Dalam Postingan :

Di pos editor Anda harus dalam mode HTML kemudian masukkan kode seperti contoh berikut ini :

<span style="font-family: Times New Roman">Tulisan Anda Di Sini</span>

Hasilnya akan seperti ini :

Tulisan Anda Di Sini

Jika ingin mengganti ukuran font tersebut kodenya jadi seperti ini :

<span style="font-family: Times New Roman; font-size: 200%">Tulisan Anda Di Sini</span>

Hasilnya akan seperti ini :

Tulisan Anda Di Sini

Jika ingin mengganti font dalam satu paragraph kodenya seperti ini :

<p style="text-align: justify;font-family: Times New Roman; font-size: 16px"> Tulisan Satu Paragraph Anda Di Sini</p>

Hasilnya kira-kira akan seperti ini :

Ini adalah contoh mengganti font dalam satu paragraph dengan jenis font Times New Roman, ukuran font 17px atau pixel, anda bisa menggantinya dengan jenis font lainnya sesuai selera.

Untuk mengganti font dalam satu postingan caranya : dalam posisi HTML editor tambahkan kode berikut ini di awal postingan (paling atas) :

<div style="font-family: Times New Roman; font-size: 15px">

dan kode berikut ini di akhir postingan (paling bawah) :

</div>

Anda bisa mengganti ukuran font dengan percent; 125%, 150%, 200% atau dengan px 13px, 14px dan seterusnya sesuai selera. Untuk jenis font yang lain anda bisa menggantinya dari Times New Roman ke font pilihan anda misalnya Arial, Verdana dan lain-lain, atau dengan cara copy paste jenis font dari kotak pilihan font yang biasa anda gunakan jika anda sedang mengetik dokument di MS Word atau pengolah kata yang lain. Sedangkan untuk warna font, tebal font, italic, underline, perataan paragraf dan lain-lain silahkan pindah ke mode visual dan bisa disetting atau dilakukan seperti cara biasa.

Contoh font yang lain :

Font Script MT Bold : Cara Mengganti Font Dalam Postingan.

Font Comic Sans MS : Cara Mengganti Font Dalam Postingan.

Font Algerian : Cara Mengganti Font Dalam Postingan.

Semoga bermanfaat.

Mudah-mudahan artikel tentang Cara Mengganti Font Dalam Postingan ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Cara Mencegah Copy Paste Dengan CSS
  2. CSS3, Sonic Mengejar Bola
  3. Custom CSS Per Post
  4. Membuat Background Pattern Dengan CSS3 Repeat Linear Gradient
  5. Modifikasi Tampilan Halaman Daftar Isi
  6. Cara Mengganti Background Theme WordPress
  7. Cara Membuat Tampilan Postingan Yang Berbeda-beda
  8. Cara Menggabungkan File CSS WordPress
  9. Cara Menggunakan File CSS Yang Berbeda Untuk Home, Single Dll
  10. CSS Image Sprites Generator
  1. 23-7-2011 at 20:01 | #1

    mantabs.. nice info.. tapi nyari yg blogspot.. apakah sama ya..??

    Reply

  2. 29-7-2011 at 00:17 | #2

    mas postingan dengan judul posting Posting Dengan Huruf Arab di WordPress Self Hosting gag ada koment nya saya bingung ma u tanya ya udah di sini saja boleh ya mas he…

    Setelah saya praktek Pada Field Collation ganti dari latin1_general_ci atau latin1_swedish_ci menjadi utf8_general_ci caranya klik dan scroll ke bawah sampai ketemu utf8_general_ci setelah diplih kemudian anda simpan dan ternyata Field Collation di hosting saya tidak ada jadi bagaimana mas, adakah solusi lain
    makasih mas

    Reply

    Alwi Reply:

    Postingan itu udah saya tutup kolom komentarnya krn dulu sempat banyak spambot masuk lewat situ.

    harusnya ada opsi untuk mengganti menjadi utf8_general_ci karena standard struktur tabel database sql wordpress semua hampir sama, sbg alternatif coba masukkan script ini ke dalam file wp-config.php yg ada di root direktori :

    define('DB_COLLATE', 'utf8_general_ci');

    Reply

  3. 24-8-2011 at 21:18 | #3

    mantappp infonya uda dipraktekin berhasil-berhasil…
    mkasi gan smoga makin sukses

    Reply

  4. 6-10-2011 at 20:25 | #4

    many..many thankss..
    so helpfull ^_^

    Reply

  5. 14-10-2011 at 11:00 | #5

    Waaaaah ini yg selama ini saya cari2, makasih gaaaaaaaan

    Reply

  6. 8-11-2011 at 15:04 | #6

    Terima kasih atas tutorialnya. sangat bermanfaat.

    Reply

  7. 11-11-2011 at 08:51 | #7

    thanks atas tutorialnya mas alwi.

    Reply

  8. casper
    12-11-2011 at 00:02 | #8

    itu ketiknya dmn gan???? ajarin dunk pemula di komputer neh

    Reply

  9. 22-11-2011 at 14:50 | #9

    kalao untuk merubah di template blogspot secara otomatis gimana .,

    Reply

  10. 4-12-2011 at 13:17 | #10

    Terimakasih … saya sudah mendapat manfaat dari artikel ini.
    salam kenal :)

    http://salimah.or.id/
    http://www.facebook.com/umminya.afifah

    Reply

Comment pages
2+9=? (Wajib diisi)