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 :
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 :
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.
Aman! Aman… :)
Reply
Amink Reply:26-04-2010 at 09:33
turut mengamankan…
Reply
Batavusqu Reply:26-04-2010 at 10:35
ikutan juga ah biar tambah aman
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:22
saya ikutan aja mas
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:22
sekarang bener-bener aman
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:21
saya turut mengamankan
Reply
Amankan keduanya…
Reply
Amink Reply:26-04-2010 at 09:33
sip Bang….
kondisi terkendali….
Reply
Batavusqu Reply:26-04-2010 at 10:36
manstab, ikutan juga
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:24
ikutan juga ah…
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:23
aman bang…
Reply
Dapat ilmu baru pagi2
Reply
Bang Iwan Reply:26-04-2010 at 06:00
Memang terkadang kewalahan ganti font di Metrolisa Kang.
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:24
oh….metrolisa pake hostingan apa bang??
Reply
Bang Iwan Reply:26-04-2010 at 06:00
Alhamdulillah ada tutorialnya disini.
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:25
saya juga baru tau
Reply
Bang Iwan Reply:26-04-2010 at 06:01
Makasih banyak Kang.. Ditengah kesibukan dinas di luar kota, masih sempat berbagi ilmu yang bermanfaat bagi kita semuanya.
Reply
Bang Iwan Reply:26-04-2010 at 06:14
Moga Tuhan membalasnya dengan pahala yang berlipat ganda.
Reply
Amink Reply:26-04-2010 at 09:34
amiiiinnnn………..
terima kasih doanya Bang…
yayah Reply:26-04-2010 at 11:48
mau juga donk di doain…
makasih sob tutorialnya, sangat membantu
Reply
ada juga yang kaya gitu ya? baru tahu..
seLamat pagi, Dab…
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:26
pagi juga
Reply
mo tanya donk kang kenapa ya klo format tulisan di rubah aligmentnya ga bisa diubah, mo jadi center jadi ga bisa
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:27
tanyain bareng-bareng aja
Reply
Alwi Reply:26-04-2010 at 20:20
Bisa tuh … dari mode visual, kalau gak bisa juga coba dari mode HTML kira2 kode contohnya spt ini :
[php]<p style="text-align: center; color: #ff0000; font-family: Ravie;
font-size: 150%">Semoga bermanfaat.</p>[/php]
Reply
besok aye tongkrongi biar jadi yg pertamax… he..he..
Reply
Amink Reply:26-04-2010 at 09:34
mangga…..
ditunggu,….
disini agak susah kalau mau jadi number one…
Reply
Batavusqu Reply:26-04-2010 at 10:37
adu duduk sampai pagi
Reply
yayah Reply:26-04-2010 at 11:47
pantengin terus….
yayah Reply:27-04-2010 at 12:44
wah.. ga posting posting ini ya
Muhammad Faisal Aziz Reply:26-04-2010 at 15:28
pantengin terus mas….
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:32
belum pernah dapet pertamaxx
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:28
sudah banget jadi numb.1 ,saya aja pernah oL jam 2 ga dapet pertamaxx
Reply
Kalau pake tag terus pake atribut “face” bisa tidak mas alwi ?
Reply
Segera mencoba….
test….test akh……
nuhunn..
Reply
Salam Takzim
Wah semakin indah ya postingan kita
Salam Takzim Batavusqu
Reply
Bang Iwan Reply:26-04-2010 at 14:42
Dan semakin menarik untuk dibaca tentunya.
Reply
Muhammad Faisal Aziz Reply:26-04-2010 at 15:29
Salam Takzim Juga
Reply