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
- Jadwal Pertandingan Timnas Indonesia Senior, U-23 Dan U-19 | Update Terbaru
- Cara Menampilkan Gambar Di File Explorer Windows 10 - Thumbnail
- Daftar Kode Warna | HTML
- Daftar Agen Tiket Pesawat Termurah - Velosita
- Trik Mengetahui Jumlah Download Pada File Hosting - Google Drive
- Download Windows7 Starter Untuk Netbook | 32 Bit
- Cara Mudah Install Ubuntu 12.04 LTS Dual Boot Dengan Windows7
- Cara Membuat Halaman Scroll Di Blog | HTML
- Followers | RezDown7.Com
- Marco Simoncelli Meninggal Dunia
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