How to Build a Beautiful Blog

Hey guys!  Notice all the changes going on around here?  I’ve been having so much fun playing around with the look of my blog.  I must say, I’m in love!  I may, or may not, keep clicking on it just so I can see how pretty it is again!  Are you a blogger?  If so, stick around and learn how you can change the look of your blog ALL ON YOUR OWN!

blogtut

When I started my blog I took a little bit of time to make a header.  That’s about where the blog creativity stopped.  I love blogging but computers…not my thing!  I can paint, build furniture, cook, sew, take care of kids, even drag race.  Bet you didn’t know that, did you?  But figure out all those goofy computer codes?  I’m out!  So I turned to Etsy.  They have some really great premade templates that you can purchase.  You can even pay people to instal them for you too.  But hey, I’m a DIYer.  Paying for something I can figure out on my own is just not in my nature.  So last night I put the kids to bed, grabbed a glass of wine, and turned to Google.  We’re kind of besties.  I Google everything!  What did I ever do before the internet?  Anyways, we’re getting off track!  Today I’m going to share with you guys what I learned.

First off, I suggest you have yourself a little Google date as well.  There are so many great tutorials out there showing you how to do things to make your blog beautiful so you can draw more traffic.  There was a few things that I wanted.  A new header, a pretty “About Me” section, links to let people easily find and follow (hint hint) me on social media, a widget to show my latest Instagrams, and a widget to show my latest Pins.  This was all so much easier than I thought.  I’m going to break it all down for you by section.

Header— First I needed to design a new header.  I used Picasa and Pic Monkey to design mine.  I used a white border cropped down to 200×700.  Then just play around with fonts, colors, and cute designs until you have something you like. Once your done here is how to install it.

headertut

For the rest you will first need to know how to add all of the codes.  Here is an easy reference guide for you.

widgettut

About Me—

aboutmetut

Social Media—

socialmediaicontut

Instagram Widget—

instagramtut

Pinterest widget— You can now copy and paste the link for the Pinterest widget at the bottom of this post.

pinteresttut

Like I said I used a lot of help from the internet.  Here is a list of everything I used for help.  Please go click on these links and snoop around their blogs.  After all, they were sweet enough to help us out so show them some love!

Simply Brenna — This is where I got my cute social media icons.
Beautiful Dawn Designs — I read through her tutorials to learn how to add all these codes into my blog.  Very useful information going on over there!
Blog Guide Book — This is where I found the link to get to the Instagram code generator.
Snap Widget — This is the Instagram code generator.

I tried to look back to see where I got the information for Pinterest but I can’t seem to find it anywhere.  There are a ton of tutorials out there but they all look pretty difficult.  This one was very simple but I don’t know where I got it!

Hopefully all of these help you out.  Feel free to ask if you don’t understand something and I’ll do my best to help.  And I would looove if you would put some of those new icons to use and follow me!  Have a great night!

~Steph

Pinterest:
<script type=”text/javascript”>
(function(d){
var f = d.getElementsByTagName(‘SCRIPT’)[0], p = d.createElement(‘SCRIPT’);
p.type = ‘text/javascript’;
p.setAttribute(‘data-pin-hover’, true);
p.async = true;
p.src = ‘//assets.pinterest.com/js/pinit.js’;
f.parentNode.insertBefore(p, f);
}(document));
</script>

<a data-pin-do=”embedUser” href=”http://pinterest.com/sraper2/”></a>

 

5 comments

  1. Sally Kelly says:

    I tried to copy/paste your Pinterest code but it wouldn’t let me — I think because that is considered a photo and not text??? Or am I doing something wrong? (could be!) Trying again….

    • Stephanie Raper says:

      Thanks for bringing that to my attention! I think it is because it was a photo. I edited the post so you can now copy the code that is at the bottom of the post. Let me know if it still doesn’t work!

Leave a Reply