Thursday, March 3, 2011

Menggunakan Google Fonts

Langkah 1: Back-up template blogger Anda

Desain atau layout -> Edit HTML -> template Download full


Langkah 2 : Pilih jenis font yang ingin di gunakan di Google Font directory

Langkah 3 : Dapatkan Kode Untuk Fotns Yang Ingin Digunakan

Dalam Tutorial kali ini saya akan menggunakan Tangerine font , Jika anda ingin menggunakan fonts lain silahkan klik pada fonts yang diinginkan pada tab Get The Code

Langkah 4 : Penempatan Kode Css
 
 
<link href='http://fonts.googleapis.com/css?family=Tangerine' media='screen' rel='stylesheet' type='text/css'/>
 
 
di bawah <head>

atau diatas </head>

Langkah Ke 5 Penempatan HTML

Rancangan>>Add a Gadget>>HTML

<div style="font-family: 'Tangerine', serif;">Selamat Datang di Ryan Id</div>
 
 
Ganti Tangerine dengan kode fonts yang anda inginkan di Google Font directory 
 
Selamat Datang di Ryan Id Ganti Dengan Teks Anda. 
 
Untuk Merubah Font Title Blog Cari Kode h1
Untuk Merubah Font Judul Artikel Cari Kode .post h3 or .post-title
Untuk Merubah Font Isi Artikel Cari Kode .post-body
Untuk Merubah Font Sidebar Cari Kode .sidebar h2
dan buatlah seperti contoh di bawah ini :
Judul artikel >> .post h3 {font-family:'nama fonts kamu';} 
atau           .post-tittle {font-family:'nama fonts kamu';} 
Tittle Blog   >> .h1 {font-family:'nama fonts kamu';}  
Isi Artikel   >> .post-body {font-family:'nama fonts kamu';} 
Sidebar       >> .sidebar h2 {font-family:'nama fonts kamu';}  
 
 
Semoga bermanfaat.

Read more »

1 comments:

Anonymous March 3, 2011 at 9:54 PM

makasi ya, sangat bermanfaat buat saya.

Post a Comment

Copyright © Ryan La Vegas 2011 I N2Y Eksperiment by Nano Yulianto Modified by ryanlavegas