Cara Mengganti Jenis dan Ukuran Huruf (Font) Posting Blog
May 29, 2014
TULISAN tentang Cara Mengganti Jenis dan Ukuran Huruf (Font) Posting Blog ini melanjutkan dua posting sebelumnya tentang Jenis Huruf Terbaik buat Blog dan Pengaruh Ukuran Huruf pada Bounce Rate Blog. CB bikin posting ini setelah mengganti jenis huruf blog ini dari Arial menjadi Droid Sans.
Cara mengganti jenis dan ukuran huruf postingan blog sangat mudah.
Cara mengganti jenis dan ukuran huruf postingan blog sangat mudah.
- Cari kode "font-family" atau "font" di template Anda. Misalnya begini: post-body {font-family: Arial; font-size:14px} atau body {font:Arial;size:13px} dan semisalnya.
- Ganti Arial dengan jenis huruf lain
- Ganti 14px dengan ukuran lebih kecil (13px) atau lebih besar (15px). Proporsionalkan aja, jangan terlalu kecil, jangan pula terlalu besar.
Cara Mengganti Jenis dan Ukuran Huruf ala CB
Kalau cara CB sih begini ketika mengganti jenis dan ukuran huruf untuk blog ini:- Intip dulu jenis dan ukuran huruf blog/website orang lain yang sekiranya "enak dibaca", good looking, alias scannable dan readable.
- Jika jenis hurufnya "tidak biasa", misalnya selain Arial dan Verdana, maka meluncurlah ke Google Font.
- Pilih jenis huruf di sana dan ikuti langkah berikutnya sehingga muncul kode seperti ini. Ini kode yang dipilih CB untuk blog ini.
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
- Copy + Paste kode tersebut ke template blog, di bawah kode <head>
- Ubah atau sesuaikan jenis huruf di post-body atau post a h1, post a h2, dst. sesuai dengan panduan yang diberikan Google Font.
Bagi pengguna New Johny Wuss seperti CB, dan ingin jenis-ukuran hurufnya juga sama dengan CB ini, maka tinggal copas aja kode di atas, lalu lakukan perubahan jenis huruf menjadi "Droid Sans" di:
- post-body > ganti Arial dengan 'Droid Sans'
- Ganti juga ukuran hurufnya menjadi 14px
- Cari kode elemen "Featured" dan ubah Oswald menjadi Droid Sans
- Cari kode elemen "Related Posts" dan ubah Arial/Tahoma/Oswald menjadi Droid Sans
- Intinya... jika ingin semuanya menjadi Droid Sans, maka ubah semua jenis huruf menjadi Droid Sans.
Pertanyaannya, mengapa CB memilih jenis huruf Droid Sans? Simple saja... CB mencontek blog Hongkiat yang CB percaya sebagai situs kumpulan blogger yang ahli di bidang desain web/blog.
Droid Sans termasuk salah satu 20 Jenis Huruf Terpopuler versi Awwwards.
Anda mau mengganti jenis dan ukuran huruf blog juga? Kalo tanya, adakah pengaruhnya bagi SEO blog, maka Anda harus klik kedua link posting di alinea pertama tulisan ini.
Good Luck and Happy Blogging....!
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
aku pemula blog tp msh bingung
ReplyDeletepakai microsoft word aja gan
Deletemakasih mas atas tutorialnya.. :)
ReplyDeleteMatur tengkyu kaka, renyah postingannya :)
ReplyDeletesaya masih bingung cari font nya terlalu banyak
ReplyDeletemau diganti font droid sans tolong dibantu
blog saya ari.kom.blogspot
Kalau cuman mau nambah koleksi font aja gimana? misalkan hanya bisa masuk pada pilihan ketika kita ngetik di halaman entri
ReplyDeletesippp
ReplyDeletethanks gan, ane langsng praktekin dan alhamdulilah langsung kelihatan hasilnya heheh
ReplyDeleteBingung gan,, banyak pilihan pont nya..
ReplyDeleteKalau untuk merubah font di Template CB NewsPaper ada panduannya gak Mas?
ReplyDeleteSudah utak-atik gak bisa-bisa he :D
Eh gak jadi Mas, sudah ketemu caranya....cukup ganti font-family pada body dah bisa ternyata
ReplyDeleteMas mau nanya, saya pemula buat blog, nah saya bingung ketika nulis udah nentukan ukuran dan jenis huruf, pas diposting, ukuran berubah sendiri jadi kecil? Gimaana cara benerinnya ya mas? Makasi
ReplyDeleteJangan copas dari MS Word atau dari blog orang lain, tulis langsung di blogger
Deletesitus yg sangat bermanfaat
ReplyDeleteMy blog
cara agar bold nya tebel gimana mas ??
ReplyDelete- Tebalkan saat posting (Klik B)
Delete- Masukkan kode ini di atas ]]></b:skin>
b,strong {font-weight:bold}
kalo mau ganti font di halaman depan blog gimana ya mas?
ReplyDeletekarena di blog saya di halaman depan dan ketika postingan dibuka font nya berbeda. maunya menyamakan font di halaman depan dengan font di postingan. terima kasih