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
- Keutamaan-Keutamaan Puasa Ramadhan | Mengenal Puasa Ramadhan
- Cara Mendapatkan Tiket Pesawat Murah - Promo
- Cara Terbaik Dan Termudah Download Video Youtube Di Android
- Mengganti Tulisan Poskan Komentar Di Blog
- Download Mp3 Al-Qur'an + Terjemahan Indonesia - Oleh Syaikh Mishari Rashid Alafasy
- Install Wine 1.5.15 Di Ubuntu 12.10 & 12.04 Via PPA
- Install Icon Awoken 2.4 Di Ubuntu 12.04 LTS
- Jadwal Lengkap Barclays Premier League Musim 2015-2016 || Liga Inggris/EPL
- Cara Mengatasi HP Meizu Gagal Masuk Ke Halaman Android / Stuck Logo
- Download Murottal Al-Qur'an - Qori Youssef Edghouch (Yusuf Edghouch)
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