Dear Sarah Von/Blog Doctor,
I would like to know how to make my blog look better! I have zero web
design skills. I don’t need anything too complicated, but I would like
my blog to be cuter! Are there any tips you can share, or maybe web designers or templates that are good for someone on a budget? Thanks!
Now, I cannot claim to be an expert – I’m a writer, not a designer. But 90% of everything you see on Yes and Yes (the layout, my calendar, my ecourse materials) has been my doing. Soooo, if you don’t find those things eye-searingly ugly, you can take the following pieces of advice.
Note, I cannot promise that these tips will make your blog capitol B Beautiful. But they will definitely make it way, way less ‘homemade looking’
*Accompany each post with an image – preferably an awesome one
Nothing makes a blog post pop like an awesome photo. Where do you find ’em? I love weheartit and visualize. I embed the link to the original source in my photo. If that’s not something you’re 100% comfortable with, Kyla wrote this awesome post on photo sourcing ethics and shortcuts.
* Resize photos so they’re the same width as your text column
Your awesome image doesn’t look nearly as awesome when it’s tiny and floating above a giant sea of text. Make your image the same width as your text column, forpetessake! You can do this by going into the html or by resizing them in Picnik.
* Full-justify your text column
I used to write for a newspaper so I am a diehard fan of full justification. That doesn’t mean supporting every stance you take (though you totally should). That means that the edges of your text column is straight on both sides. If your text column is ‘left justified’ it’ll be ‘ragged’ on the right side.
If you’re using Blogger, the justification icon is the ninth in from the the right on your posting dashboard and looks like a bunch of lines. You want to choose the one that looks like a square box made up of lines.
* Find an an awesome template/theme
There’s no excuse for using ready-made templates when there are approximately a million resources for free, fancy looking templates. Behold! Blogger templates, WordPress templates, Tumblr templates.
* Resize the buttons on your sidebar so they’re all the same size
So you want to promote the blogs you love by adding their buttons to your sidebar. Aren’t you sweet? But, if you’ve got ten different buttons of differing sizes, things can get a bit hodge-podgey. Resize the buttons in Picnik and you’re good to go!
* Use social media icons that match the rest of your themeIf you’re rocking a mono-chromatic blog, an orange RSS button or a blue Twitter bird can look a bit out of place. Never fear, there are 8 million different social media icons you can use! Or if you prefer, you can spell out the social media platforms and create your own buttons.
* Resist the urge to over-design
Chevron squiggles and textures and shadowed fonts, oh my! Once you discover the wonderful world of templates and photo editing it can be a slippery slope down to this. Resist the urge, my friends! You are stronger than the gif! Some of the most gorgeous blogs on the internet are also the most simple.
* Remove any of the following
(These are my personal design pet-peeves, so feel free to disregard if you feel I’m a Snotty So-and-so)
* Auto-playing music
* White font on a black background
* Anything that scrolls across the screen
* Blog posts with centered text
* Use some of these awesome tools/platforms/websites
Picnik – edit photos, add text and stickers, all without signing up for anything or downloading anything
Scrapblog – themes, stickers and backgrounds for free or very cheap
Pugly Pixels – tons of free and cheap downloads
Gimp – like, Photoshop. But free. And not as good.
FotoMix – for collages and photo editing
Big Huge Labs – make mosaics, add ‘Polaroid’ or ‘stamp’ edges
Color Lovers – color trends and palettes
Now you! Share your favorite design shortcuts and tools!