Cara Mengganti Jenis Font di Blog
Pada kesempatan kali ini saya akan sedikit menjelaskan
tetang "Cara Mengganti Jenis Font di Blog". Font, Sobat tau apa itu
font, font itu singkatnya model tulisan atau gaya tulisan. Font di sini
adalah font pada artikel atau seluruh kata yang ada di blog. Jadi di sini
saya akan coba terangkan"Cara Mengganti Jenis Font di Blog". Jika sobat
bosa atau ingin mengganti model/gaya tulisan pada blog sobat sobat bisa
ikuti langkah-langkah berikut!
- Pergi ke Google Web Fonts
- Silahkan sobat pilih mana model font yang ingin di jadikan font untuk blog sobat.
- Jika sobat sudah menemukan mana model font yang akan di jadikan font di blog sobat, sobat pilih Quick-use yg ada di bagian bawah.
- Scroll ke bawah dan sobat akan menemukan kotak seperti ini.
- Pilih Tab Standard dan copy kode yang saya kotaki merah.
- Setelah itu sobat pergi ke akun blogger sobat
- Pergi ke Template >>Edit HTML >> Centang Expand Widget Template >> Cari kode <head> untuk mempermudah sobat gunakan F3 atau Ctrl+F
- Setelah ketemu pastekan kode yg tadi telah sobat copy tepat di bawah kode <head>
- Setelah itu kita ganti gaya font blog kita satu persatu.
- Di web goole web font tadi belum di close kan? Kalo belum Scroll ke bawah
- Dan sobat lihat di bagian 4. Integrate the fonts into your CSS:
- Copy kode tersebut
- Lalu sobat pergi ke Blogger
- Lalu sobat cari kode
Ada baberapa kode yang perlu sobat ganti di template blog sobat
1. Cari kode body{
Di sekitar kode tersebut carilah kode yang di awalnya ada kata font-family Atau font
Setelah itu ganti sebaris kode tesebut dengan kode yang telah sobat copy tadi.
Contohnya :
body{
background:#f2f2f2;
margin-top:10px;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small; font-size:/**/small; text-align:center
}
Ganti kode yg berwarna merah dengan kode yang telah sobat copy tadi.
2. Cari kode
#header h1 {
Di sekitar kode tersebut carilah kode yg di awalnya ada kata font-family Atau font
Setelah itu ganti sebaris kode tesebut dengan kode yang telah sobat copy tadi.
Contohnya :
#header h1 {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:none;
}
Ganti kode yg berwarna merah dengan kode yg telah sobat copy tadi.
3. Cari kode
#header .description {
Di sekitar kode tersebut carilah kode yang di awalnya ada kata font-family Atau font
Setelah itu ganti sebaris kode tesebut dengan kode yang telah sobat copy tadi.
Contohnya :
#header .description {
color:#999999;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px 0;
text-transform:none;
}
Ganti kode yang berwarna merah dengan kode yang telah sobat copy tadi.
4. Cari kode
#outer-wrapper{
Di sekitar kode tersebut carilah kode yang di awalnya ada kata font-family Atau font
Setelah itu ganti sebaris kode tesebut dengan kode yang telah sobat copy tadi.
Contohnya :
#outer-wrapper{
width:900px;
margin:0 auto;
padding:5px;
background:#ffffff;
border:5px solid#000000;
text-align:left;
font-family:Arial;
}
Ganti kode yang berwarna merah dengan kode yang telah sobat copy tadi.
5. Cari kode
h2 { atau
h2{
Di sekitar kode tersebut carilah kode yang di awalnya ada kata font-family Atau font
Setelah itu ganti sebaris kode tesebut dengan kode yang telah sobat copy tadi.
Contohnya :
h2 {
color:#000000;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
Ganti kode yang berwarna merah dengan kode yang telah sobat copy tadi.
6. Cari kode
font-family
Masih ada banyak kode yang di awali kata
font-family ganti semua kode yang satu baris dengan
font-family dengan kode yang telah sobat copy tadi
Contohnya :
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
Terimakasih sudah membaca artikel mengenai
"Cara Mengganti Jenis Font di Blog".
Semoga bisa bermanfaat untuk sobat semua..
Judul : Cara Mengganti Jenis Font di Blog
Deskripsi : Cara Mengganti Jenis Font di Blog Pada kesempatan kali ini saya akan sedikit menjelaskan tetang "Cara Mengganti Jenis Fon...