Cara Menambah Font Pada Blog

Diposting oleh Unknown on Sabtu, 30 Maret 2013
Cara Menambah Font Pada Blog - Banyak blogger yang kurang puas karena font dari blog yang itu-itu saja. Saya akan memberikan solusi jenis font yang anda inginkan.
Kebanyakan template hasil download tidak bisa diedit di perancang template. Jadi untuk mengganti fontnya, anda perlu melakukan hal-hal sederhana berikut :
 
Memilih Jenis Font
  • Buka halaman http://www.google.com/webfonts/
  • Jika anda sudah menemukan font atau huruf yang anda sukai tinggal klik Add to Collection pada bagian kanan bawah sampel huruf. Silahkan pilih lebih dari satu huruf jika diperlukan

menambah koleksi font
  • Jika anda sudah selesai memilih huruf silahkan klik Use
menggunakan font yang dipilih
  • Anda akan dialihkan ke halaman baru. Pada halaman baru ada 2 hal yang harus anda lakukan
    • Pertama, pilih jenis ketebalan huruf yang diinginkan. Semakin banyak variasinya, maka akan semakin berat loading halaman anda nantinya
memilih style font
    • Kedua, copy kode yang diberikan untuk dipasang di blog

Menambahkan Font Pada Blog
  • Jika sudah menyelesaikan tahapan di atas sekarang masuk ke akun blogger anda.
  • Pilih menu Template > Edit HTML
  • Cari kode  </b:skin> dan paste kode yang tadi anda copy dibawahnya
  • Jangan lupa untuk menambahkan kode / sebelum penutup > pada kode tersebut. Hasilnya akan terlihat seperti contoh di bawah
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900|Julius+Sans+One|Cherry+Swash:400,700' rel='stylesheet' type='text/css' />
Menggunakan Font

  • Simpan Template
Sekarang setelah selesai melakukan langkah langkah sebelumnya anda tinggal memakai font itu. Contohnya seperti di bawah ini :
#outer-wrapper {
  margin:0 auto;
  padding:0px;
  text-align:$startSide;
 font-family:"Cinzel Decorative";
 font-size:13px;
margin:10px auto;
  }

#header { max-width: 450px; text-align: left; color:#fff;float: left; font-weight: 700; font-family: Cinzel Decorative; }
Sekian tutorial yang saya berikan tentang cara menambah font pada blog, semoga bermanfaat...

{ 0 komentar... read them below if any or add comment }

Posting Komentar

Frame PTP

 
FASTSEO - SEO Friendly Blogger Template Design by Tutorial SEO Blogspot