Cara Menambahkan Style/Font-Family Di Blogspot | Google Font
Jumat, 13 Juni 2014
-
8:42 AM
|
11
Comments |
Rezkiji
|
Edit Entri
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
Langganan:
Posting Komentar
(
Atom
)
Entri Populer
- Tata Cara Shalat Tahajud Beserta Do'a
- Cara Terbaik Dan Termudah Download Video Youtube Di Android
- Cara Mendapatkan Tiket Pesawat Murah - Promo
- Cara Membuka Slot Equipping Item Slot ke-3 Di Pes 2013
- Keutamaan-Keutamaan Puasa Ramadhan | Mengenal Puasa Ramadhan
- Budaya Berbagi Dalam Komunitas Blogwalking /20'
- Mengganti Tulisan Poskan Komentar Di Blog
- Membuat Efek Gambar Membesar dan Memutar Saat Kena Kursor
- Daftar Kode Warna | HTML
- Jadwal & Hasil Drawing AFC U19 Championship - Piala Asia 2014
wah baru tau aku klo ada google font,makasih mas ijin belajaran :D tp disave dulu buat bljr bsok klo mo gnti fnt hihi
BalasHapusthank's bro ilmu nya. :D
BalasHapusmas cara buat font postingan menjadi standar gmn ya, contoh kaya postingan agan, kalau font saya terlalu kecil
BalasHapuswww.ari-kom.blogspot.com
thanks
wah ini yang saya cari, makasih gan
BalasHapuswah ini yang saya cari,
BalasHapuscaranya nambah pilihan font saat menyesuaikan template gimana gan
Sipp. Mksh
BalasHapusSipp. Mksh
BalasHapusTerimakasih sudah berbagi om, ijin coba di blog saya
BalasHapusmakasih
BalasHapusBerguna
BalasHapusmantapp akurat sekali, terimakasih :)
BalasHapus