Posted by : Yukie Fadzillah
Selasa, 02 Juni 2015
Banyak macam-macam aplikasi web yang diberikan google buat sobat mulai
yang gratis sampai dengan yang berbayar, mulai dari Gmail, Webmaster
Tool, Picasa untuk penyimpanan gambar, Google Analytics untuk track
pengunjung web, Google Web Font, Google Docs, Google Code, Google Plus
sebagai jejaring, Adsense Google Affiliate untuk Mencari uang, dan masih
banyak lagi, baik yah..hehe.
Nah untuk kali ini Saya akan berbagi tentang cara mengganti
font atau tulisan body blog dengan dengan Google Web Font.
Langkah-Langkah :
Langkah 1 :
Yang pertama sobat pilih terlebih dahulu font yang sobat mau jadikan sebagai font untuk blog sobat di Google Web Font. Klik Pop out untuk melihat contoh font kalau sudah yakin klik Quick use.
Langkah 2 :
Setelah itu klik semua Family font yang sobst pilih mulai dari normal,blod dan italic, seperti contoh font yang saya pilih yaitu "Letkon" Selanjutnya copy code fony yang diberikan disana.
Selanjutnya cari edit HTML template sobat, dan letakkan kode tadi tepat dibawah kode dibawah ini
<head>
Kemudian letakkan tambahkan Slash (/)sebelum tanda (>) supaya nanti ketika sobat mencoba save template tidak error terakhir, contoh punya saya adalah :
Sebelum:
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
Sesudah:
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
Sesudah:
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'/>
Langkah 3 :
Supaya bisa kita terapkan terapkan body blog atau bahasa kitanya pada postingan atau artikel blog, copy juga CSS yang diberikan Google Web Font, lihat dibawah code yang pertama tadi.kemudian cari kode seperti dibawah, kemudian ganti font family dengan CSS font yang sobat dapat tadi, kode dibawah mungkin tidak sama dengan kode template sobat jadi cari CSS body, tapi yang jelas pasti mirip seperti kode dibawah seperti template saya, hanya saja nilai pengaturannya yang berbeda.
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvs6-kVdv3am2kPMJb4tXi9SDgvjL2YtB4vHjiABu0g4Rh3rd5LpMdnrt73FgQb-a1Q22oRyEg6wFc45tSrgPjSCjl_CZsRTB0Z2jZk5JZthRfqgxncUgt7FZ_kQb1qcdA-3we8oKVoB4/s1600/tr.png) repeat-x;
font-family:'Lobster',Verdana;
color:#161514;
font-size:14px;
}
margin:0 auto;
padding:0px 0px 0px 0px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvs6-kVdv3am2kPMJb4tXi9SDgvjL2YtB4vHjiABu0g4Rh3rd5LpMdnrt73FgQb-a1Q22oRyEg6wFc45tSrgPjSCjl_CZsRTB0Z2jZk5JZthRfqgxncUgt7FZ_kQb1qcdA-3we8oKVoB4/s1600/tr.png) repeat-x;
font-family:'Lobster',Verdana;
color:#161514;
font-size:14px;
}
Gantikan font family yang lama contohnya seperti yang saya garis merah diatas dengan font family yang baru, selanjutnya Save Template, nah lihat perubahan blog sobat.
Thanks For : Media Infonetku