Rabu, 12 Juni 2013

Trik Blogger : Cara menambah dan mengganti jenis font

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 huruf-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' />
    • Simpan Template
    Menggunakan Font
    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 saya kali ini mohon maaf bila ada kekurangan, terimakasih telah berkunjung

    0 komentar:

    Posting Komentar

    ◄ Posting Baru Posting Lama ►
     

    Copyright © 2012. -ERWIN Blog- - All Rights Reserved