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
- Mengganti Tulisan Poskan Komentar Di Blog
- Budaya Berbagi Dalam Komunitas Blogwalking /20'
- Kebenaran Islam : Manfaat Gerakan Shalat
- Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP
- Rahasiah Sunnah Nabi Muhammad SAW : Tidur Dengan Posisi Miring Ke Sebelah Kanan
- Membuat Tombol Prev , Home dan Next di Blogspot
- Jadwal Pertandingan Timnas Indonesia Senior, U-23 Dan U-19 | Update Terbaru
- Tata Cara Shalat Tahajud Beserta Do'a
- Rahasia Sunnah Nabi Muhammad SAW : Larangan Meniup Air Panas dan Larangan Minum Sambil Berdiri
- Pelayanan TELKOMSEL Yang Mengecewakan Saya
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