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!
16:37
wewww…ra mudeng aku…
[Balas]
15:57
jika berkenan mampir di blog baruku yo mas. . .dudug blog seo meneh kok. .
.-= Flexi Final Party School Contest´s last blog ..Perihal Dibuatnya Blog Ini =-.
[Balas]
15:58
waduh. . podo
ramudenga aku yoan,kanggone opo mass. . .
[Balas]
14:58
@JUN: bisa kang, mbok dibaca lagi..
@arix: lha ra diwoco..
@Flexi Final Party School Contest: hehe…
@Dian Ribut: walah…
[Balas]
09:27
waduuuhhh kl style.css yg h1 itu di pasti dmn? d bawah,, atau d sampingnya sih??ko saya gagal mulu yah?
thanks
[Balas]
ndöp™ Reply:
June 6th, 2010 at 10:37 am
urutannya khan sama, gini aja deh…
h1 {
font-family: ……;
font-size: …. px;
}
sama aja khan dengan ditulis begini
h1 {font-family: ……; font-size: …. px;}
[Balas]
12:26
Nanti saja saya coba begitu ada waktu yang luang.
.-= imcw´s last blog ..Tips Mengatasi Batu Ginjal =-.
[Balas]
03:15
mudeng ra mudeng sing penting ngumpul……
ayo do ngumpul …………..
belajar komputer dan internet´s last [type] ..Kesehatan Mata Saat Berinternet
[Balas]
01:03
Menarik nih infonya sop
[Balas]
11:14
namu2..mas,
kok rada bingungi ya?? utak-utek HTML
Fajar´s last [type] ..Kutukan JABULANI World Cup 2010 South Africa
[Balas]
09:57
mas, kalo font saya yang mau ga ada di google font gimana caranya ?
saya mau pake font BankGothic Lt BT
[Balas]
ndöp™ Reply:
July 3rd, 2010 at 12:39 am
baca tulisanku yang ini:
http://dzofar.com/2009/05/08/custom-font-wordpress-dengan-plugin-ttf-titles/
makasih kunjungannya mas…
[Balas]
10:44
yang saya maksud itu bukan di blog mas, heehe
tapi di website buatan sendiri.. itu gimana carany yah ?? heehe
[Balas]
ndöp™ Reply:
July 6th, 2010 at 8:01 am
hihihihi… aku nggak ngerti, yang aku ngerti ya pakek wordpress mas… maaf.. hehehe…
[Balas]
13:51
wuih, ajip ajip iso dipraktekno ki
[Balas]
09:22
wah kalau yang ini sudah pasti asyik, btw bisa gak diaplikasikan di blogspot bro…
joe´s last [type] ..Yoyo- Permainan Sepanjang Masa
[Balas]
ndöp™ Reply:
July 20th, 2010 at 7:09 am
bisa bisa… sama aja kok… tuh sudah aku tambahkan di akhir kalimat… *baca pelan pelan ya*
[Balas]
15:28
Lak blogspot pye?
[Balas]
ndöp™ Reply:
August 6th, 2010 at 11:54 pm
ketoro nek fast reading!!!!!!
[Balas]
mubaroki Reply:
August 8th, 2010 at 6:11 am
jadi malu aqw…
mubaroki´s last [type] ..Peringatan 17-an
[Balas]
22:50
sangat bermanfaat infonya.. thx
Indoor Plants | Potted Plants´s last [type] ..Bonsai Boy’s Juniper Bonsai Tree-The appeal of indoor bonsai plant that your interior decorating Erg Nzung bonsai plants are a living art form
[Balas]