Cara Memasang Google Font di Blog

Admin
Selasa, 08 Oktober 2013
18.24
Jeder! Jeger! Suara petir menyambar-nyambar dari kejauhan menandakan hujan deras sedang melanda kota saya. Sesaat saya merasa damai mendengar suara hujan, setelah itu muncul ide menulis cara memasang google font di blog kita. Selain tutorial cara memasang, akan saya jelaskan juga cara memakai font tersebut. Sepertinya artikel ini akan panjang-lebar, sebaiknya kamu siapkan secangkir kopi untuk menemanimu membaca di kolom-inspirasi ini.

Oh iya, artikel ini lebih saya condongkan ke blog di blogspot. Walaupun, pada pengaplikasian-nya hampir sama di blog wordpress,dsb.
Berikut adalah tutorial cara memasang google font di blogspot:

1. Tuju http://www.google.com/fonts terlebih dahulu
2. Pilih font sesuai yang kamu suka, oh iya, Google telah mempermudah kita memilih font dengan menyediakan tab Word, Sentences, Paragraph dan Poster. Kalau kamu ingin menggunakan font tersebut sebagai font utama tulisan, maka sebaiknya klik di tab paragraph daripada di word atau sentences. Oke, saya anggap kamu sudah memilih font kesukaan kamu dan saya contohkan saja fontnya adalah Kite One.
3. Setelah memilih, klik tombol Quick-use
langkah ketiga
4. Setelah itu, tuju halaman pertengahan dari halaman quick-use tadi. Copy kode yang berada di langkah 3. Add this code to your Website.
langkah keempat
5. Login ke Blog kamu dan Tuju: Template > Edit HTML
6. Cari kode <head> dan pastekan kode tadi tepat dibawah kode tersebut. Kalau terjadi error, maka tambahkan kode / sebelum akhir kode > pada script tersebut. Klik Save template setelah selesai.
langkah keenam
Sekarang kamu sudah memasang salah satu google font di blog kamu. Nah, sekarang saya akan mengajarkan kamu untuk mengubah font tulisan utama blog kamu menjadi menggunakan font tersebut.

Berikut adalah tutorial cara memakai google font sebagai font artikel utama blogspot kamu:
1. Tetap di bagian Edit HTML blog kamu, langsung cari kode yang bernada .post-body
2. Pastekan kode dari langkah 4. di halaman Quick-use tadi dibawah kode tersebut
contohnya:
kode sebelum memasang font:
.post-body{
line-height:1.6em;
margin:0;
text-align: justify;
}

kode setelah memasang font:
.post-body{
font-family: 'Kite One', sans-serif;
line-height:1.6em;
margin:0;
text-align: justify;
}
3. Klik save template setelah selesai, dan coba cek hasilnya!

Kalau mau mengubah font tulisan di bagian sidebar blog, maka cari kode bernada .sidebar. Kalau mau mengubah font tulisan di bagian footer blog, maka cari kode bernada .footer. Mudah bukan? Selamat mencoba! Kalau ada error / kesalahan, silahkan tinggalkan komentar ya agar saya bisa mengecek ulang. Oh iya, hujannya belum berhenti bahkan setelah saya satu jam menulis artikel ini.
admin blog Herliyanto S.E adalah seorang pebisnis online, blogger sekaligus internet marketer dengan website www.momentpedia.com. Sejak awal berbisnis online telah meraup puluhan juta rupiah dan merupakan top network builder. Semoga informasi di blog ini bisa membantu kamu semua. Ingin berbisnis online seperti Herliyanto? Join yuk!
Bisnis Online Terbaik 2016 - 2017 : KLIK DISINI
FB Saya: Moment Herliyanto
Pin BBM: D2C20BF2
No Wa dan HP: 08121915692

{ 1 komentar... read them below or add one }

Kiki Dee mengatakan...

sip gan, sudah ane terapkan di blog. trims

Poskan Komentar

Komentar yang mengandung unsur SARA, Porn, atau Spam tidak akan ditampilkan.
Tidak boleh menyertakan link hidup terkecuali link sebagai nama.
Komentar terlalu pendek tidak akan ditampilkan.