Five Helpful Blog Design Tips | Mint Green Sewing Machine: Five Helpful Blog Design Tips

Wednesday, June 19, 2013

Five Helpful Blog Design Tips


I spent the last month or so working on the redesign for my blog, and in the process I read about a million articles on blogging and the various customizations you can do for your blog. While I'm sure many of you already know these tricks, I thought some of you who are somewhat less technologically advanced (like me!) might benefit from some of these! Here are some of the ones I found most useful:


1. How to automatically make all of your pictures the same width:
The instructions in this post from Twenty Twenty worked like a charm! This piece of CSS will make all of your photos automatically fill the space of your content column- no re-sizing necessary. I think it looks so much nicer to have all of the pictures in my content column the same width!

2. How to round the corners of your blog:
This post was great and super easy! I love the look of rounded corners on my new blog design!

3. How to make multiple clickable areas on an image:
Imagemaps is a tool you can use to create linked areas on an image. I used this for my navbar and for my social media links sidebar image. It was so simple to just upload the image and then draw in the areas that I wanted the links to go! This post from We Lived Happily Ever After has really easy-to-follow instructions on using Imagemaps to create clickable social media links.

4. How to get rid of that weird shadow around pictures in Blogger:
For those of you who use Blogger, this is how to remove that shadow box that Blogger automatically adds to your images. I was so happy to find this and I think that removing the shadow really cleans up the overall look of my blog!

5. How to install cute Google Web Fonts on your blog:
In this post, Katelyn Brooke shows some of her favorite Google Web Fonts and in this post you can learn how to install them on your own blog!

I also purchased the Blog (Design) Love E-course from A Beautiful Mess. It was really helpful in giving me useful information and as a starting point for thinking about the design of my blog! I would recommend it to anyone who is ready to re-vamp the look of their blog and would like to learn to do it themselves.

Bonus: If you're ever in need of general blogging tips (and have lots of time to read!), check out this post of 50 Blogging Tips from Hey Love Designs! So much info in one post!

Hope some of you found this helpful!


11 comments:

  1. You did an amazing redesign, and I greatly appreciate this post. Lots of good info. One sad thing about blog is that readers who follow blogs via feedly and such, never get to see the pretty designs. All we see are the posts.

    ReplyDelete
    Replies
    1. Thanks Gail! Hope you can use some of the info! I know what you mean about feed readers- I usually read blogs on my phone. They're handy, but sometimes I like to re-read posts on my computer so I can have the whole effect with the design and also be able to explore tabs and sidebars!

      Delete
  2. It really does look great. I'm going to jump on that same photo size link.
    I love it when my code writing husband sees something new in my blog design and is amazed that I figured it out. There is a blog post for everything! : )

    ReplyDelete
    Replies
    1. Thanks! I'm glad you found it helpful. Lucky you to have a spouse to help you with coding (Although it's pretty satisfying when you finally figure something out on your own)!

      Delete
  3. Melissa, thank you! The shadow around Blogger pictures was really bugging me, but I just figured I had to accept it. Really happy to have it gone. :)

    ReplyDelete
    Replies
    1. Yay! I'm glad it was helpful for you. I was also really happy to find out that I could get rid of that thing!

      Delete
  4. Melissa, thank you so much for linking to my blog post on 50 Blogging Tips. It's amazing how much information is out there. This is a fantastic list, too!

    ReplyDelete
    Replies
    1. Thanks for writing the post! I've explored the links many times and found some incredibly useful info!

      Delete
  5. Thank you so much! Going back and pinning these today and it's so helpful :)

    ReplyDelete