Pada kesempatan kali ini saya akan memberikan cara memasang google font pada blog. Mungkin sebagian dari anda belum tau apa itu google font. Google font itu adalah.....hhmmmmmm, apa yah?? saya sendiri tidak yakin, ckckckck. Tapi menurut saya sih, Google font merupakan jenis tulisan yang telah disediakan dari pihak google sendiri yang digunakan untuk mengedit tulisan di website. Itu menurut pendapat saya, klo anda penasaran bisa cari di om google langsung. hehe...
Sepertinya pembahasannya terlalu panjang lebar, klo bgitu kita langsung ikuti langah-langkah berikut :-D
Langkah-langkah Membuat Google Font di Blog:
- Masuk di situs https://www.google.com/fonts
- Pilih font yang teman" suka, kali ini saya memilih jenis font Niconne.
- Klik "Quick-Use" untuk menggunakan font tersebut.
- Pilih no 3 untuk mengcopy link dari font tersebut.
- Masuk ke blog, dan pilih Template > Edit HTML.
- Cari kode <head> dan paste tepat di bawahnya dan tambahkan kode "/" sebelum akhir dari kode ">"
- Nah, sekarang di blog anda telah terpasang jenis font tersebut tetapi belum terganti dengan jenis tulisan tadi. Contoh di bawah, saya gunakan jenis tulisan tersebut untuk mengganti tulisan di .Header h1. Copy link kode no 4 dan paste di bawah .Header H1. Untuk menemukan kode tersebut cari diantara <b:skin>...</b:skin>
Kode sebelum dipasang font:
.Header h1 {
font: $(header.font);
font: $(header.font);
{
Kode setelah dipasang font:
.Header h1 {
font: $(header.font);
font: $(header.font);
font-family: 'Niconne', cursive;
{
- Setelah itu, klik "Simpan Template" dan lihat hasilnya.
Kalau mau ubah jenis tulusan di description, maka cari kode .Header .description. Kalau mau ubah di post-title, maka cari kode h3.post-title dan begitu seterusnya untuk kode yang ingin anda ganti.
jenis-jenis font memiliki karakter dan daya kecepatan yang berbeda-beda, semakin bergaya dan tebal jenis font yang kita gunakan, maka semakin berat pula blog dalam membuaka sebuah halaman, apalagi kalau font tersebut kita adopsi langsung dari google-font dan menempatkannya kedalam file Template.
ReplyDeleteapapun jenis font bebes kita gunakan, namun gunakan dengan media format import, tujuaannya agar tidak memberatkan loading blog, misalnya kita ingin menggunakan jenis font Allura | Aladin yang sudah jelas jenis format font seperti ini tidak disediakn oleh blogspot, cukup kita panggil dengan media import seperti ini:
@import url(http://fonts.googleapis.com/css?family=Allura|Aladin);
makasih masukannya, hehe
Deleteblognya ga ke baca tulisannya..yg keliat cuma buletan spedometr
ReplyDelete