CARA INSTALL GOOGLE FONT KE DALAM TEMPLATE TUTORIAL BLOG
Bagaimana cara membarui jenis huruf (font) dalam template blog?
Login ke blogger, klik template > klick tingkat lanjut, kamu bisa memilih font header, font page atau content yang telah tersedia disitu. Namun aku nir membahas itu lebih jauh karena aku rasa semua paham bila memilih font dari pengaturan template. Tapi bagaimana jika ternyata kita tidak menemukan jenis font yg sesuai dengan yang kita inginkan pada pengaturan template, maka solusi nya kita bisa menggunakan google font menggunakan cara menginstal nya di template blog kita. Ada banyak jenis-jenis font yang cantik pada google font, mungkin ratusan atau 300 jenis font bahkan mungkin lebih dari itu, aku nir pernah menghitung nya.
Cara Memilih dan Mengambil Google Font
- Kunjungi //fonts.google.com buat menentukan font
- Setelah menemukan jenis font yg sempurna, klick indikasi +,
- Setting sedikit panda ventilasi yg ada misalnya gambar pada bawah ini.
- Pada tab costumize pilih regular 400 dan bold 700, itu adalah merupakan ukuran ketebalan font font-weight: nilai_font; yang paling umum, perhatikan jua indikator hijau dalam gambar, itu adalah tanda aman atau nilai kecepatan loading (pemuatan font) tadi. Bila kita menentukan 3 berukuran ketebalan font misal 400,700, serta 800 maka indikator hijau umumnya berubah jadi kuning atau merah, memberi tanda bahwa menentukan 3 ukuran font akan membuat loading (pemuatan) font lebih berat.
- Tab-Embed, Copy ke 2 kode yg di berikan google font, simpan pada notepad atau catatan buat ad interim.
Cara Memasang Google Font ke Template Blog
- Login ke Dashboard Blogger > klick Template > Edit Html
- Cari kode epilog tag-heading yaitu dan pastekan kode google font tepat pada atas lalu save template.
- Lihat contoh pada bawah ini.
Catatan: proses pemasangan google font ini belum terselesaikan, apabila pada waktu menyimpan template ternyata template kita nir mampu menyimpan kode google font tersebut, karena format template berbeda menggunakan kode google font, maka ubahlah kode google font tadi menjadi seperti ini dia.
Perhatikan disparitas nya ada dalam indikasi kutip satu ' serta pertanda kutip dua " serta bagian ujung kode yaitu />.
Simpan kembali kode google font sempurna pada atas tag , bila template permanen tidak mampu menyimpan nya maka parse kode google font tadi klik disini buat memparse. Script apapun jikalau sudah pada parse insya allah masuk ke template blog apapun.
Setelah kode tersebut disimpan di pada area heading tag template, maka langkah selanjut-nya memasang css google font (kode yang ke 2) yaitu ().
Masukkan kode css google tepat pada atas kode ]]> dengan format misalnya di bawah ini.
pHuruf "p" berarti paragraf, maka css di atas meminta "tampilkan seluruh paragaf text dengn font raleway". Sedangkan fungsi sans-serif; adalah font cadangan, bila jaringan internet sedang tidak mengagumkan maka font raleway akan pada gantikan dengan sans-serif untuk pemuatan (loading) yang lebih singkat.
}
Selain menggunakan format misalnya di atas, css google font juga bisa pada pasang menggunakan format seperti model berikut ini.
.post-body.post-body merupakan id halaman artikel, jadi seluruh yg di pada laman artikel akan dimuat menggunakan tampilan huruf (font) raleway. Supaya artikel ini lebih panjang lagi, maka aku kasi contoh lagi yaitu memasang css google font menggunakan format misalnya ini dia.
}
.post-body,.post-tittle,.popular-post {Css tersebut ialah meminta judul artikel, page artikel, serta post popular di tampilkan dengan jenis alfabet raleway.
}
Catatan Penting:
.post-body, .post-tittle, serta .popular-post adalah "id" element yg generik pada template blogger, tapi apabila template anda tidak memakai "id" seperti itu, maka engkau mampu lakukan inspect element buat mengetahui "id" setiap element template anda, awali menggunakan memberi tanda titik di belakang id dan pisahkan id dengan pertanda koma, seperti terlihat pada contoh css diatas, relatif sekian penerangan saya tentang cara memasang google font ke template blogger.