design tutorial

okay, i remember when first discovering how to customize my blog i always had the worst time picking out a post font. given the fonts that blogger gives, i was always trying to find the one that would look the least awful. luckily, since then google has paired up with blogger to provide users with more options! so imma show you how to get it done the easy way. 

// S T E P. O N E 

the fun part! head on over to google fonts and pick out your faavee. once you have decided hit the quick-use option like down below:  

now we have to integrate this font into our blogger. once you are in the quick use section scroll down to the # 3 option that looks like this:

we are going to have to moderate that code a little bit but for now just copy it! 

// S T E P. T W O

go into your blogger >> template >> edit html 

right under the < head > code you are going to paste the link from above. now, this next step is important and really easy. 

so you pasted (that word sounds weird) the code under the < head > yeah? now just put a black slash in between the ' and > at the end of the code.
here's an example: 

// S T E P. T H R E E

the first code we installed is like a platform that connects google fonts to your blogger. now we guide the platform to where we want the font to show. grab the CSS font code that is on the same page as the code from above. it looks like this:

copy that code.
go back to your blogger template and scroll down until you find the h3.post-title option. it's under the post section. you're going to replace the second line (where it says font: $(post.title.font); ) and replace it with the css code from above.

and you're done!!
click preview before you save and make sure it looks how you want and that the size is how you'd like it. if you want to change the size just add a new line under the code that looks like this:

adjust the '35' with what ever point size you want your font to be. 

mmokay that's it! 

let me know if you have any questions.