Wednesday, October 23, 2013

Tutorial Tukar Font Blog - Google Font

Langkah 1
  • Pergi ke Google Web Fonts
  • Pilih font yang korang nak guna. Lepas itu, tekan Quick Use

  • Scroll ke bawah sikit. Copy code yang dia bagi. Pastikan standard

Langkah 2 

  • Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget 
  • Search code <head> 
  • Copy Code Pertama *lihat gambar* dan paste kan di bawah code <head> 
Contoh:
<head>
<link href='http://fonts.googleapis.com/css?family=Elsie+Swash+Caps' rel='stylesheet' type='text/css'></link>
*yang warna biru tu pastikan korang letak kalau korang guna template denim dll*

Langkah 3 

 Guna Google Web Font Untuk Entri
  • Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget 
  • Search code main-wrapper { 
  • Copy Code Kedua *lihat gambar* dan paste dekat bawah code main-wrapper { 
  • Preview & Save 

Guna Google Web Font Untuk Sidebar
  • Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget 
  • Search code sidebar-wrapper { 
  • Copy Code Kedua *lihat gambar* dan paste dekat bawah code sidebar-wrapper { 
  • Preview & Save 

Guna Google Web Font Untuk Post Title 
  • Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget 
  • Search code post h3{ 
  • Copy Code Kedua *lihat gambar* dan paste dekat bawah code post h3{ 
  • Preview & Save 

Guna Google Web Font Untuk Sidebar Title
  • Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget 
  • Search code sidebar h2 { 
  • Copy Code Kedua *lihat gambar* dan paste dekat bawah code sidebar h2 { 
  • Preview & Save
Posted by at
comments Labels:

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )