Author by Yosef Doublehorn
slogan cinta kerja harmoni
Protected by Copyscape Online Infringement Detector

19 Februari 2014

Menambah jenis font baru pada website blog Blogspot



P engguna template blog platform blogspot (Bloggerdapat mengganti font template website blog. Ada beberapa jenis font bawaan Blogger, yaitu : arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings. Sayangnya jumlah pilihan jenis font ini sangat terbatas. Sementara Anda tentu menginginkan font yang lebih stylist dan elegan.


Font huruf website blog

Sebelumnya perlu dipahami pengertian font yang akan digunakan di dunia website dan blogosphere.
  • Font adalah jenis huruf untuk style tulisan.
Kebanyakan template hasil download tidak bisa diedit di perancang template. Namun kita tidak perlu melakukan sejauh itu untuk menambahkan tipe font pada blog. Simak saja tutorial berikut :

Memilih Jenis Font untuk website

daftar tipe huruf google Font
  • Jika sudah menemukan huruf yang disukai, misalnya, saya memilih Tangerine (seperti gambar diatas). 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
tombol use google font
  • Anda akan dialihkan ke halaman baru, dan ada 2 hal yang harus anda lakukan :
    • Pertama, pilih jenis ketebalan huruf. Beri centang diantara 2 kotak pilihan yang ada (kotak Normal dan kotak Bold).

      Jika diberikan centang pada kotak Normal dan kotak Bold, maka loading page nantinya akan semakin berat karena ditampilkannya huruf tebal (bold).
page load blog blogger
1. Choose the styles you want:
  • Normal 400
  • Bold 700
2. Choose the character sets you want:
  • Latin (latin)


Lalu copy kode dari Google Font. Seperti gambar berikut ini.
Kode ini hanya contoh saja tidak perlu di-copy.

<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>


add this code to your website

Menambahkan font pada website blog

  • Jika sudah menyelesaikan tahapan di atas sekarang masuk ke account blogger Anda.
  • Pilih menu Template > Edit HTML
  • Ikuti instruksi ini:
  • Instructions: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document.
  • Maksudnya : Letakkan snippet yang didapat (seperti gambar diatas) atau paste kode yang di-copy tepat dibawah <head>
  • Jangan lupa untuk menambahkan kode / sebelum penutup > kode tersebut. Hasilnya akan terlihat seperti contoh berikut :
  • <head>
    <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'/>
  • Simpan Template

Penggunaan font baru di blog website design

Sekarang setelah selesai melakukan langkah langkah sebelumnya anda tinggal memanfaatkan font baru.  Saya akan mengganti jenis huruf pada nama blog saya – “WEBSITE DESIGN” dengan membuka dokumen HTML di bagian ini :

Semula :
#header h1{color:ff38b3;margin-top:-14px;margin-left:450px;margin-right:200px;padding:0px 0px 0px 10px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:60px;line-height:50px}

nama website design lama

Menjadi :

Title website design baru

#header h1{color:ff38b3;margin-top:-14px;margin-left:450px;margin-right:200px;padding:0px 0px 0px 10px;font-family:Tangerine, Helvetica, Sans-serif;font-weight:bold;font-size:85px;line-height:50px}



Good luck!

Anda membaca artikel : Menambah jenis font baru pada website blog Blogspot
THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW.
Please drop your comment and questions below ……
Comments

0 komentar:

Poskan Komentar di Website Design

Penelusuran topik khusus di blog ini
Loading