Tuesday, August 27, 2013

Cara Menambahkan Jenis Font Baru Pada Blog



  • Font adalah Jenis atau Gaya Tulisan

Buat anda yang hoby ngedesign blog, tetapi gaya tulisannya Uelek Tenan. Pastinya anda semua ingin mengganti / mengganti font tersebut. Iyakan? pastinya, hehehe -_-. Kali ini saya akan membahas masalah tersebut. Yosh, langsung saja kita mulai. ikuti langkah - langkah berikut ini.


Memilih jenis font



  • Jika anda sudah memilih font yang anda sukai, misalkan saya memilih font Tangerine. Maka lakukan klik tombol biru "Add to Collection" pada bagian sudut kanan bawah sampel huruf yang anda pilih. silahkan pilih lebih dari satu huruf jika diperlukan.
  • Jika anda sudah selesai memilih huruf, silahkan klik tombol Use, pada bagian bawah juga.


  • Anda akan dialihkan kehalaman baru. pada halaman baru ada 2 hal yang harus anda lakukan.
    • Pertama, pilih jenis ketebalan huruf yang diinginkan. Beri centang diantara 2 kotak pilihan. Jika anda beri tanda centang kotak normal dan kotak bold, maka akan semakin berat loading halaman anda nantinya.

  • Kemudian copy kode dari google font (seperti gambar dibawah ini).

Menambah font pada blog


  • Jika tahapan diatas sudah selesai, silahkan anda login diblog anda masing - masing.
  • Pilih menu Template > Edit HTML (pokoknya edit HTML lah)
  • Setelah itu, Sisipkan kode yang dapat dari Google Font tadi ke bawah <head> tepat dibawahnya (dipastekan).
  • Jangan lupa untuk menambahkan tanda / sebelum penutup > kode tersebut. Jadi hasilnya jadi seperti ini <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>
  • Simpan template.

Cara menggunakan font


  • Misalnya font-family:Arial, Helvetica, Sans-serif (Ganti sesuai dengan keinginan anda, kode ini ada banyak jadi sesuaikanlah seperti header h1 atau dimanalah)
  • Tambahkan nama font yang anda ingin gantikan di font family tadi, jadinya seperti ini:
    misalkan Font "Tangerine" pada kode font-family:Arial, Helvetica, Sans-serif (tambahkan fontnya kekode font family). Jadinya seperti ini "font-family:Tangerine,Arial, Helvetica, Sans-serif".
    kalau tidak bisa coba tambahkan kalimat "cursive" dibagian belakang.

Yaudah deh, segitu aja :D jangan lupa Like FP nya ya.. Thanks.

2 Comentar

trims gan, sangat membntu bagi saya yg msh pemula. N' nice blog
kulbal z

rofhiah.blogspot.com

Ahaha.. :D iia, Saya juga baru pemula..
Terima Kasih juga sudah berkunjung..

Jangan lupa mampir lagi ya.. Ehehehe

Terimakasih telah memberikan komentar yang sesuai dengan artikel dan komentar anda sangatlah membantu.

close
close