Choose your fav font!

hello everyone! today, I want to make a tutorial how to chaged font on blog (not default font from blog). sooo, let's take a look! (click picture for enlarge)

first, open http://www.google.com/webfonts# choose what kind of font do you like, and then click Quick-use, after that new tab will opened a description about that font.

next step is, search the font code, block and CTRL + C! and then back to your own blog. click edit html, don't forget to mark "expand template widget" button.

as you can see on the picture, after you click "expand template widget", click on blog HTML code and then CTRL + A, CTRL + F, type and search <head> if you want to change a font on header don't forget to add (/) on font code.

 font code before: <link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'>
font code after:
<link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'/>

 and if you want to change a font on post tittle, search h3 and then change font code before with the tittle of font that you choose.

P.S: and search h2 if you want to change sidebar font
thats my font code, so if you want to change it, use Gafata as tittle.
<link href='http://fonts.googleapis.com/css?family=Gafata' rel='stylesheet' type='text/css'>

it would be:
font: 28px Gafata, arial, serif;
color: $titlecolor;
margin:.10em 0 .20em;
padding:5px 0 12px 0px;
line-height:1.2em;
letter-spacing:.1em;
text-align: left;
text-transform: none;
}

Done! Click save. but if you afraid it would be error, before that you may click preview. 

See ya! hope this tutorial helpful for you! 

7 komentar

  1. UnknownDecember 4, 2012 at 6:28 AM

    Waaaahhhh.... that's what I was needed.... blognya baguuusss.... aku juga pengen bisa desain blog... hehehe...

    ReplyDelete
    Replies
    1. Andi CintanaDecember 4, 2012 at 1:18 PM

      hope this tutorial hopeful for you :)
      terima kasih ya udah meninggalkan jejak, sering2 belajar sama mbah google nanti jadi expert jg kok xixi :D

      Delete
  2. Halo HastaDecember 5, 2012 at 8:15 AM

    oww jadi gini to caranya, makasih udah sharinggggg :*

    ReplyDelete
  3. Ichsan RamadhaniDecember 5, 2012 at 11:16 AM

    nice tutorial nih. penting sih kalo mau ganti font di luar font bawaan blogger. tapi kemungkinan bisa gak terbaca sama komputer yang agak jadul. heheh

    ReplyDelete
    Replies
    1. Andi CintanaDecember 5, 2012 at 12:54 PM

      makasih :)
      iya, sayangnya gitu sama kalo fontnya terlalu berat bisa bikin lola hehe.
      makasih udah visit :D

      Delete
  4. UnknownDecember 5, 2012 at 7:29 PM

    saya un juga tela menrapkan font yang diberikan google secara gratiss ini.. :D

    ReplyDelete

Terima kasih sudah berkunjung. Mohon tidak memasukkan link aktif. Terima kasih 🙂