Cara Menambahkan Style/Font-Family Di Blogspot | Google Font
Cara Menambahkan Style/Font-Family Di Blogspot | Google Font ---
Assalamualaikum, Pada kesempatan kali ini, admin akan membagikan
tutorial tentang bagaimana cara mengubah/menambahkan model font pada
blog. Kita sama-sama ketahui bahwa style font pada post editor blogspot
sangat terbatas, hanya ada Default, Arial, Courier, Georgia, Times,
Verdana dan Trebuchet. Nah bagaiman jika kita punya selera lain dan
ingin menambahka style lain?, Google Fonts lah solusinya.
Google Font atau sebelumnya disebut 'Google Web Font' adalah direktori host antarmuka pemrograman aplikasi gratis untuk web font. Web ini diluncurkan pada tahun 2010 dan banyak font yang dirilis di bawah Lisensi SIL Open Font 1.1, ini adalah lisensi perangkat lunak bebas. Font juga dilayani oleh SkyFonts Monotype, dan Edge Font Web dan Typekit layanan Adobe.
Cara Menambahkan Style/Font-Family Di Blogspot | Google Font sbb:
1. Masuk dulu ke Web Google Font
2. Jika telah berada pada halaman Google Font, silahkan pilih Font-Family yang diinginkan lalu klik Quick Use.
contoh saya memilih "Tangerine"
3. Jika sudah bepindah halaman, geser halaman ke bawah tepatnya pada no. 3 dan 4.
5. Pada no.3 terdapat Link CSS, sliahkan Copy lalu Paste ke Template anda, tepatnya di atas kode </head> [Beranda-->Blog-->Template-->Edit HTML]
note: jika muncul pesan error 'end-tag' saat save template, tambahkan /(garis-miring) pada akhir kode, contoh:
.....rel='stylesheet' type='text/css'/>
6. Pada no.4 ada kode css untuk mengganti css pada template
contoh saya mengganti style font pada Header blog saya:
Maka hasilnya :
7. Untuk menerapkannya hanya pada teks postingan tertentu gunakan kode ini :
8. Selesai
Google Font atau sebelumnya disebut 'Google Web Font' adalah direktori host antarmuka pemrograman aplikasi gratis untuk web font. Web ini diluncurkan pada tahun 2010 dan banyak font yang dirilis di bawah Lisensi SIL Open Font 1.1, ini adalah lisensi perangkat lunak bebas. Font juga dilayani oleh SkyFonts Monotype, dan Edge Font Web dan Typekit layanan Adobe.
Cara Menambahkan Style/Font-Family Di Blogspot | Google Font sbb:
1. Masuk dulu ke Web Google Font
2. Jika telah berada pada halaman Google Font, silahkan pilih Font-Family yang diinginkan lalu klik Quick Use.
contoh saya memilih "Tangerine"
3. Jika sudah bepindah halaman, geser halaman ke bawah tepatnya pada no. 3 dan 4.
5. Pada no.3 terdapat Link CSS, sliahkan Copy lalu Paste ke Template anda, tepatnya di atas kode </head> [Beranda-->Blog-->Template-->Edit HTML]
note: jika muncul pesan error 'end-tag' saat save template, tambahkan /(garis-miring) pada akhir kode, contoh:
.....rel='stylesheet' type='text/css'/>
6. Pada no.4 ada kode css untuk mengganti css pada template
contoh saya mengganti style font pada Header blog saya:
Maka hasilnya :
7. Untuk menerapkannya hanya pada teks postingan tertentu gunakan kode ini :
<span style="font-family: Tangerine;">Hasilnya :
REPLACE TEKS DISINI
</span>
8. Selesai
No comments