Cara Memasang Google Font di Blog
Hai hai hai… kali ini mas ndop mau sharing lagi nih. Malam tadi, aku khan facebookan sama si cebong. Nah dia tuh nemu yang namanya Google Font API. Apa itu google font API, sampeyan bisa baca sebentar di sini
The Google Font API helps you add web fonts to any web page. Benefits of the Google Font API include:
- A choice of high quality open source fonts.
- Works in most browsers
- Extremely easy to use.
Nah pada bingung khan artinya apa? (enggaaak!!!)
Langsung praktek aja ya. Teori mah hafalan doang, males ah, hahaha…
Cara Memasang Google Font di Blog WordPress
- Langsung menuju Header.php
Buka Dashboardmu, masuk ke Appearance, kemudian menuju editor. Tengok sebelah kanan, ada bejibun nama php. Klik Header.php. - Menuju ke sini. Lalu klik jenis huruf yang sampeyan sukai untuk mendapatkan embed code-nya
- Lalu pilih tab Get the code dan anda akan disuguhi code-codenya yang siap dikopas ke Header.php dan stylesheet (style.css).
- Copy code yang paling atas, dan paste-kan di Header.php anda. Paste-lah di antara code yang bertuliskan <link rel=…bla bla bla..
- Sampeyan sudah selesai untuk langkah awalnya. Sekarang saatnya memasang di CSS blog sampeyan. Yup, langsung menuju ke Stylesheet (style.css). Ubahlah dan/atau tambahlah Font-family dengan nama huruf google yang tadi.Contoh:
h1 { font-family: ‘Droid Serif’, arial, serif; }. - Sampeyan bisa mengganti huruf-huruf tertentu saja kayak huruf judul blog, judul posting blog. Bahkan ada bisa juga memakai beberapa huruf dari google untuk dipakai semua di blogmu. Tinggal copy aja embed code google font yang lain dan di paste di Header.php
Beres dah.. Selamat mencoba!
NB: untuk hosting blogspot, caranya sama aja. Malah lebih gampang karena tinggal masuk di edit html dan paste-lah kode-kode ajaib itu pada tempatnya masing-masing.
——-
Kalau ada yang bingung, jangan malu bertanya di kolom komentar. Lalu doakan saya supaya saya bisa menjawab pertanyaan sodara-sodari semua. Aamiin..
Oh iya, saya sudah makek lo, judul postingan ini saya memakai jenis Yanone Kaffeesatz. Bagus yak!
Related Posts
About The Author
Muhammad Ali Mudzofar
Bocah ngganteng putranya Bapak Dokterandes Djainuri (Nganjuk) dan Munasikah (Tulungagung) ini sehari-hari bekerja di kamarnya, kadang di cafe, menggambar vector untuk klien-kliennya sedunia. Aku adalah seorang seniman (KTP) dan suka olahraga lari. Bersepeda masih, tapi untuk alat transportasi saja. Kenalan lebih lanjut? Buka halaman About Me ya!
Wew…
Aku pasti cocok karo font pilihane Mas Ndop sing judul postingan kuwi…
Meh njajal…
.-= marsudiyanto´s last blog ..Ibuk Saya Ibuk Enjoy Aja =-.
Infone Mas Ndop jan Mak Nyusssssssss
.-= marsudiyanto´s last blog ..Ibuk Saya Ibuk Enjoy Aja =-.
Sekalian takon:
Kuwi pengaruh pas loading opo hora??????
.-= marsudiyanto´s last blog ..Ibuk Saya Ibuk Enjoy Aja =-.
@marsudiyanto: nggih pengaruh pak, tapi namung sedikit aja loadingnya, khan hosting google tidak diragukan kecepatannya pak, hehehehe…
makasih infonya…
.-= camera´s last blog ..Storing Digital Photos =-.
Mksh infox
kalao di blogspot bisa ga ya sob??
.-= hendro-prayitno´s last blog ..Mengenal Definisi Electronic Commerce(e-commerce) =-.
oh jadi begitu tho… asik dong lebih bervariasi
wo0…
iku gae mariasi teks thok mas…
ra onok liyane…
berarti font yang di komputer gak ngaruh ya walaupun di PC gak ada jenisnya…
kayak yang kemaren lusa itu..
.-= retnet´s last blog ..cara install package .deb/.rpm/.tgz/.arch di slitaz =-.
duh, lagi-lagi begonya saya mas. ..
dicoba dulu ah
.-= DikMa´s last blog ..Wget by Proxy =-.
@hendro-prayitno: bisa, dibaca lagi mas…
@budiono: waduh suwun wis berkunjung di tengah2 kesibukan njenengan mas Bud..
@mubaroki: Ngganti font google ben tambah keren..
@retnet: He-eh… njenengan raperlu download font.. langsung muncul dewe..
@hersu: Sip, ditunggu percobaannya..
@DikMa: Sip sip..
coba dulu, baru beli…
.-= joe´s last blog ..Nicolaus Copernicus Dimakamkan Kembali Setelah 467 Tahun =-.
jek rak mudeng mas,,
.-= arafi´s last blog ..Download, Windows XP Themes, Zune Desktop dan Royale Theme =-.
weh font baru biar ga satandart terus ni
waduh…
pengen make juga ..
sayang di aku gak bisa …
nek sing buka koneksine mendrip2, malih dadi abot ra pak ndop?
wah boleh tuh,, nyoba ah..
@joe: haha.. gik sopo sing ngedol to mas?
@arafi: ra diwoco brati..
@richo: anda benar..
@andtheree: isooo….
@Iwan: lha koneksiku lak mendrip2…
@matdaus: siap ditunggu hasilnya..
bisa tak dipasang di blogspot?
wewww…ra mudeng aku…
jika berkenan mampir di blog baruku yo mas. . .dudug blog seo meneh kok. . :wink: :wink:
.-= Flexi Final Party School Contest´s last blog ..Perihal Dibuatnya Blog Ini =-.
waduh. . podo
ramudenga aku yoan,kanggone opo mass. . .
@JUN: bisa kang, mbok dibaca lagi..
@arix: lha ra diwoco..
@Flexi Final Party School Contest: hehe…
@Dian Ribut: walah…
waduuuhhh kl style.css yg h1 itu di pasti dmn? d bawah,, atau d sampingnya sih??ko saya gagal mulu yah?
thanks
urutannya khan sama, gini aja deh…
h1 {
font-family: ……;
font-size: …. px;
}
sama aja khan dengan ditulis begini
h1 {font-family: ……; font-size: …. px;}
Nanti saja saya coba begitu ada waktu yang luang.
.-= imcw´s last blog ..Tips Mengatasi Batu Ginjal =-.
mudeng ra mudeng sing penting ngumpul……
ayo do ngumpul …………..
Menarik nih infonya sop
namu2..mas,
kok rada bingungi ya?? utak-utek HTML
mas, kalo font saya yang mau ga ada di google font gimana caranya ?
saya mau pake font BankGothic Lt BT
baca tulisanku yang ini:
https://dzofar.com/2009/05/08/custom-font-wordpress-dengan-plugin-ttf-titles/
makasih kunjungannya mas…
yang saya maksud itu bukan di blog mas, heehe
tapi di website buatan sendiri.. itu gimana carany yah ?? heehe
hihihihi… aku nggak ngerti, yang aku ngerti ya pakek wordpress mas… maaf.. hehehe…
wuih, ajip ajip iso dipraktekno ki
wah kalau yang ini sudah pasti asyik, btw bisa gak diaplikasikan di blogspot bro…
bisa bisa… sama aja kok… tuh sudah aku tambahkan di akhir kalimat… *baca pelan pelan ya*
Lak blogspot pye?
ketoro nek fast reading!!!!!!
jadi malu aqw…
sangat bermanfaat infonya.. thx