Halaman



Waktu

Protection By DMCA.com

Popular Post

Posted by : Unknown Thursday, 25 October 2012


Cara menggunakan Google font di blogger
Ini dia sobat.google font api,google memberikan layanan kostum font dengan slogan - 'Making Beautiful Web!.dgn font dari google ini,sobat bisa mengganti font/gaya tulisan/tipografi yang unik-unik untuk blog sobat.
mau tau cara menerapkan google font api di blog kita?cekidot gan..


Sebelum menggunakan font ini,ada baik'a sobat backup dulu template'a..

Pertama,sobat kunjungi gallery font'a di diSini
disana,sobat akan lihat kumpulan variasi font yang sudah disediakan oleh google.


kalau sudah ada yg cocok,sobat pilih salah satu,atau kalau mau banyak juga boleh n_n
lalu,sobat akan dibawa kehalaman keterangan font yg sobat pilih tadi seperti gambar dibawah ini


setelah itu,sobat pilih USE THIS FONT.,lalu akan tampil halaman untuk menambahkan kode'a


tinggal di copy paste aja dah kode'a....
copy paste dimana???ini dia trik'a....

Tahap kedua,
Buka blogger sobat => rancangan=> Edit HTML.
Sobat copy paste CSS'a yang seperti dibawah ini di bawah kode  atau juga bisa di bawah kode ]]>


lalu sobat copy juga css'a yang seperti di bawah ini, di post title yg sobat inginkan
font-family: 'Just Me Again Down Here', arial, serif;

Contoh:

CARA PERTAMA
#sidebar h2 {
font-family: 'Just Me Again Down Here', arial, serif;
}
*contoh untuk sidebar*

body {
font-family: 'Just Me Again Down Here', arial, serif;
}
*Contoh untuk mengganti semua gaya tulisan di blog sobat*

a {font-family: 'Just Me Again Down Here', arial, serif;}
*mengganti gaya tulisan untuk link/tautan*

CARA KEDUA
Text kamu


*cara agar dapat mengganti gaya tulisan pada text tertentu/yang kita inginkan*

*inti'a,taruh CSS'a di css yg menggunakan h2,h3,h4,ul,li,a,body.
yang diganti hanya font-family'a saja*

Kalau sudah..simpan template dehh..


loh???kq malah error???nah lohh....panik dah...
wkwkwkwkwkw
jgn panik gan...
mau tw kenapa error????

itu karena kita tidak menutup tag pada font css yang td kita simpan

sama saja seperti kode

jika tidak menggunakan penutup
akan error.
tapi kode div bisa singkat menjadi 

cara'a Sobat tinggal tambahkan kode garis miring  /  pada kode akhir sebelum kode >


Contoh:

awal'a seperti ini

kita tambahkan kode / menjadi

Selesai deh...
nanti ga akan error lagi
Sudah tau kan penyebab ralat pemasangan font pada blogger?
tentu'a dengan google font ini,tidak akan memberatkan blog sobat...
lain cerita'a bila sobat menggunakan @font-face,cufon,sIFR yang menggunakan  flash/banyak script yg rumit dan bisa memberatkan blog sobat.

Silakan dicoba gan..,dan jangan lupa tinggalkan komentar'a sob n_n









About Author // Supri Blogger Mania
Hanya seorang anak biasa yang bermimpi untuk menjadi sukses dalam hidup ini.bukan orang pinter,tapi ingin selalu berusaha untuk menggapai impian dengan kerja keras dan usaha. mencoba sesuatu yang baru,mempelajarinya dan mengembangkanya dengan kreatifitas sendiri.dalam hidup ini pula,cuma ingin mencari banyak teman untuk berbagi,sharing dan mencari kebahagiaan.tetapi walaupun berat dan menerima rasa sakit,aku tidak akan pernah menyerah

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 PESANTREN - Pesantren99 - Powered by Blogger - Designed by Communitas MTsN Cibinong -