cara menggunakan custom font di blog blogger
Hai...para blogger semua...
Sore hari ini saya akan memposting caranya mengganti style font judul blog, atau lebih jelasnya bagaimana caranya mengganti font judul blog tapi bisa terlihat sama para pembaca yang mampir ke blog kita, karena dalam aturan blogger, Font yang digunakan dalam html nya adalah kode font yang standar yang umum diinstal oleh banyak orang di komputer masing-masing seperti Georgia, Arial, Times new Roman, dll. Sehingga jika kita menggunakan kode font khusus seperti Book Antiqua, jokerman, dll, maka hanya akan bisa dilihat di Komputer yang sudah menginstal font tersebut di Cpanel-nya.
Nah..lalu ada gak sih caranya untuk menerapkan font yang sudah kita pilih namun bisa terlihat sama orang lain walaupun belum menginstal font-nya? tentu ada kok sob...yaitu dengan menggunakan Google API web font.
1. kalian masuk dulu ke halaman Google web font dulu
2. Pada halaman depan disana kita disuguhkan dengan berbagai macam style font yang unik-unik..,pilih yang kalian suka.
3. Bila sudah menentukan font yang kalian cari langkah selanjutnya adalah klik tombol add selection, seperti gambar dibawah ini.
Sore hari ini saya akan memposting caranya mengganti style font judul blog, atau lebih jelasnya bagaimana caranya mengganti font judul blog tapi bisa terlihat sama para pembaca yang mampir ke blog kita, karena dalam aturan blogger, Font yang digunakan dalam html nya adalah kode font yang standar yang umum diinstal oleh banyak orang di komputer masing-masing seperti Georgia, Arial, Times new Roman, dll. Sehingga jika kita menggunakan kode font khusus seperti Book Antiqua, jokerman, dll, maka hanya akan bisa dilihat di Komputer yang sudah menginstal font tersebut di Cpanel-nya.
Nah..lalu ada gak sih caranya untuk menerapkan font yang sudah kita pilih namun bisa terlihat sama orang lain walaupun belum menginstal font-nya? tentu ada kok sob...yaitu dengan menggunakan Google API web font.
1. kalian masuk dulu ke halaman Google web font dulu
2. Pada halaman depan disana kita disuguhkan dengan berbagai macam style font yang unik-unik..,pilih yang kalian suka.
3. Bila sudah menentukan font yang kalian cari langkah selanjutnya adalah klik tombol add selection, seperti gambar dibawah ini.
4. Setelah itu disana ada 3 pilihan yaitu Choose, Review dan Use, kalian pilih saja Use
5. Bila sudah kalian langsung saja ke pilihan No.3 dan copas script kode yang ada seperti gambar yang sudah saya beri tanda merah dibawah ini.
6. Lalu simpan ke dalam kolom HTML template blog kalian, simpan dibawah kode <head> seperti gambar di bawah ini.
: Ubah potongan kode font yang kalian copy tadi kira sebelum di ubah kodenya seperti ini type='text/css'> lalu setelah di ubah kodenya seperti ini type='text/css'/>
7. Setelah itu, kalian lihat kembali kode fonts.googleapis tadi, Disana ada tulisan 'Piedra', cursive; Kode inilah yang merupakan kode font custom font blog saya. Silahkan kalian masukan kode font kalian ke dalam template kalian, Sehingga hasilnya akan seperti ini :
Sebelum : {font-family:Verdana;}
Sesudah : {font-family:'Piedra', cursive;}
8. Lihat hasilnya
Selamat mencoba...!!!
5. Bila sudah kalian langsung saja ke pilihan No.3 dan copas script kode yang ada seperti gambar yang sudah saya beri tanda merah dibawah ini.
6. Lalu simpan ke dalam kolom HTML template blog kalian, simpan dibawah kode <head> seperti gambar di bawah ini.
: Ubah potongan kode font yang kalian copy tadi kira sebelum di ubah kodenya seperti ini type='text/css'> lalu setelah di ubah kodenya seperti ini type='text/css'/>
Sebelum : {font-family:Verdana;}
Sesudah : {font-family:'Piedra', cursive;}
8. Lihat hasilnya
Selamat mencoba...!!!
0 komentar:
Posting Komentar
Catatan :
1. Usahakan Komentar tidak mengandung kata kasar
2. Komentar SPAM akan dihapus segera setelah admin review
3. Berkomentarlah sesuai dengan artikel di atas
4. Jika anda memiliki masalah dengan artikel di atas diharapkan berkomentar.
5. Jika ada link hidup di dalam komentar akan segera admin hapus
6. Dilarang menyebarluaskan artikel tanpa persetujuan dari admin
7. Pastikan untuk klik " Berlangganan lewat email" untuk membantu membangun blog ini lebih maju.
Terima kasih untuk anda yang sudah berkomentar dengan baik, Jika ada link yang error pada artikel di atas segeralah berkomentar dengan mengklik tombol balas pada kolom komentar nanti admin akan segera memperbaikinya.