Tuesday, July 17, 2012

Blog Design {Little Bunny Quilts}

Remember my blog design giveaway...well, I am slow to deliver, but I finally finished Alison's blog, Little Bunny Quilts!  She wanted citrus and wine colors, I had a difficult time choosing, but with a little help, we decided on these!

I also experimented with the sidebar title images {tutorial coming soon} and the dashed line around the menu buttons {it took a ridiculous amount of effort to get those little lines, but I love them!}.

Design Stats:

Template: Blogger Simple White with some edits
Fonts: Stitch and Janda Romantic
Graphics: Bunny

Friday, July 13, 2012

using google web fonts in a blog post

I just discovered Google Web Fonts...who knew one could integrate fun, free fonts in a blog post?  Curious what I mean?  The pink words above are a picture, but the words below are actually typed into this post {both are the font Satisfy}:

Testing, testing, testing...

Pretty neat huh? I started with this tutorial.  Then, after adding the font to your blog, if you want to use it in a post add the following code right above the ]]></b:skin>

}h1 { font-family: 'Satisfy', cursive; font-weight: 400; }

But substitute the name for the font you're using!  Then, when typing a post, add this bit of code around the words that should be the web font:

<div style="font-family: 'Satisfy',cursive;">Text Here</div>

Then adjust the size of the font just as for any other text!

And voilĂ , custom text within a post!

Fun, huh?