Saturday, May 26, 2012

What You Need To Know To Customize Your Blog

Image via Pinterest.
Over the last year or so I have changed the appearance of my blog several times. I really like the way it looks now, but there are still a few small changes that need to be done. I've made all the changes myself, and while I figured some of it out on my own, I would not have gotten far if it wasn't for the help of those much smarter than me. I have spent hours and hours searching the internet for tutorials, and I've compiled them all here to save YOU time when you decided to make changes to your own blog.

Changing your blog background:
My favorite sites for cute backgrounds are The Cutest Blog On The Block and Shabby Blogs.
Both sites give instruction on how to install the background, but for those of use using an HTML code background NOT from one of these sites, here is how you do it:
In Blogger, go to Design, then Layout. Click 'Add Gadget' and choose HTML/Java Script. Past the HTML code and click save. Voila!
For more advanced instructions check out this article from Simple Blogger Tips.

Adding/Changing Blog Header or Banner:
There are tons of cute pre made headers all over the internet that you can personalize using photo editing software or on sites such as Pixlr or Fotoflexer. The Cutest Blog On The Block and Shabby Blogs are among these sites. You can also use photo editing site/software to create your own. I have done it both ways. My current header is one I created on Fotoflexer.
Once you have your header go to Design, then Layout. Click "edit" on Header/Blog Title.
Where it says Image upload your banner. Under Placement choose 'Instead of Title and Description'. Click 'Save'.

Center Your Blog Header/Banner:
After you place your banner you may notice that it is off center. The Cutest Blog on the Block has a quick and simple solution to this HERE.

Center Post Title:
Blogger Hints and Tips wrote a very useful tutorial on how to center the title of your post in Blogger. The Original Blogger Tips and Tricks also shows how to center by editing the HTML.

Create a Custom Navigation/Menu Bar:
I recently got up the nerve to do this using a great tutorial from Living, Laughing, and Loving . Check it out HERE.

Truncate or Compress Your Posts:
The House of Smiths gives very easy to follow instructions to help you truncate your posts HERE.

Make a Custom Blog Button:
One of the best ways to spread the word about your blog or link party is to create a blog button. This is also good to have on hand if you purchase ad space from another site. I posted a tutorial for this a while back HERE.

Add a Facebook 'Like' Box:
Go to HERE to the Facebook developers page to create the code for your 'Like' box. They have step by step instructions to help you. Make sure the width of the box is the same or a smaller than the width of you sidebar or it will look funky. To find the width of your sidebar go to Design and Customize. Click 'Adjust Widths' to find the width. Create and copy your code.
Back in Blogger go to Design, then Layout. Click 'Add Gadget' and choose HTML/Java Script. Past the HTML code and click save.

Now that you don't have to spend hours scouring the internet for tutorials you can spend more time revamping your blog or obsessing over Pinterest. It's gonna be Pinterest, right? Right??? Yeah.

If you have any questions feel free to leave a comment and I'll do my best to help. And if you liked this post please follow me on Google Friend Connect to get more.

Happy Blogging!



Feeding my link party obsession with:

C.R.A.F.T. 
I Heart Naptime 
itsoverflowing.com
Hope Studios




 






SNAP Conference




Lil\'Luna














BWS tips buttonTip Junkie handmade projects













the Grant Life






23 comments:

  1. Wonderful information, thank you for putting this together and sharing!

    Hugs, Tanya :)

    ReplyDelete
  2. Ohh.. what great tips!! I change my blog design every few months.. Im just odd like that!

    Make sure you link this up to my Friday link party.. and enter my HUGE giveaway :)
    http://www.thegrantlife.com/2012/05/500-follower-blog-versary-giveaway.html

    ReplyDelete
  3. Thank you. I was hoping to find something like this!

    ReplyDelete
  4. I've been slowly revamping my blog as well, funny we used many of the same tutorials!

    ReplyDelete
  5. I love having this in one place! Thank you for doing this! One thing though, on the facebook like box, where exactly do I go?

    ReplyDelete
  6. Oops! Thanks for pointing that out! I added the link to the post. Thanks for reading!

    ReplyDelete
  7. Thanks for the help! I can't wait to check out these sites!

    ReplyDelete
  8. Thanks for the great tips! I am a newbie and can use these tips!

    ReplyDelete
  9. Great info, thanks for sharing!
    http://stellabskitchen.blogspot.com

    ReplyDelete
  10. Love all the help I can get! Thanks for sharing!
    New follower!

    ReplyDelete
  11. Awesome information! Thanks for sharing

    Visiting from Tip Junkie

    ReplyDelete
  12. These significant changes give an opening to a market of specialists when it comes to tax preparation, auditing and bookkeeping.
    Prepare an application for Tax-ID number, if needed.
    Their main concern is to give owners updated information on current issues that may affect their business operations.


    Stop by my web site; cpa Verify

    ReplyDelete
  13. Thank you for the auspicious writeup. It in reality was a enjoyment account it.
    Look complicated to more delivered agreeable from you!
    However, how could we keep up a correspondence?

    my page - ,mobile lawn mower repair Boring Or,

    ReplyDelete
  14. Good day! I know this is kinda off topic but I was
    wondering if you knew where I could find a captcha plugin for
    my comment form? I'm using the same blog platform as yours and I'm having difficulty finding
    one? Thanks a lot!

    my web page: Dog Behavior NJ

    ReplyDelete
  15. Greetings, I do think your site might be having web browser compatibility problems.
    When I take a look at your blog in Safari, it looks fine
    but when opening in I.E., it has some overlapping issues.

    I simply wanted to provide you with a quick heads up!
    Besides that, excellent blog!

    My web-site; castle clash cheats

    ReplyDelete
  16. I am now not sure the place you're getting your information, but great topic.
    I needs to spend a while finding out much more or figuring
    out more. Thanks for magnificent information I was looking for
    this information for my mission.

    Visit my homepage :: Home Tooth Whitening

    ReplyDelete
  17. oakley sunglasses,oakley vault,oakleys,oakley sunglasses cheap,oakley.com,sunglasses outlet,cheap oakley,cheap oakley sunglasses,oakley outlet,cheap sunglasses,oakley prescription glasses,fake oakleys,oakley sunglasses outlet,oakley glasses,oakley store,fake oakley,oakley sale,cheap oakleys,discount oakley sunglasses, oakley sunglasses,oakley vault,oakleys,oakley sunglasses cheap,oakley.com,sunglasses outlet,cheap oakley,cheap oakley sunglasses,oakley outlet,cheap sunglasses,oakley prescription glasses,fake oakleys,oakley sunglasses outlet,oakley glasses,oakley store,fake oakley,oakley sale,cheap oakleys,discount oakley sunglasses, burberry outlet online, michael kors,kors outlet,michael kors outlet,michael kors handbags,michael kors outlet online,michael kors outlet online sale,michael kors handbags clearance,michael kors purses,michaelkors.com,michael kors bags,michael kors shoes,michaelkors,cheap michael kors, toms shoes, ray ban,ray ban sunglasses,rayban,ray bans,ray ban outlet,ray-ban,raybans,ray ban wayfarer,ray-ban sunglasses,raybans.com,ray ban sunglasses outlet,rayban sunglasses,cheap ray ban, ray ban, oakley sunglasses,oakley vault,oakleys,oakley sunglasses cheap,oakley.com,sunglasses outlet,cheap oakley,cheap oakley sunglasses,oakley outlet,cheap sunglasses,oakley prescription glasses,fake oakleys,oakley sunglasses outlet,oakley glasses,oakley store,fake oakley,oakley sale,cheap oakleys,discount oakley sunglasses, ray ban,ray ban sunglasses,rayban,ray bans,ray ban outlet,ray-ban,raybans,ray ban wayfarer,ray-ban sunglasses,raybans.com,ray ban sunglasses outlet,rayban sunglasses,cheap ray ban, polo ralph lauren outlet, polo ralph lauren outlet

    ReplyDelete