If you read about my 2015 goals, you will know that I am working on my blog design shop. While designing templates, I spend a lot of time learning about the design elements that help create a great reader experience.
Presentation of the content is as important as writing good content itself. Content in its best form is generally clear, easy to find, read and understand. Here are a few tips that will ensure a wonderful experience for the readers on your blog irrespective of the blogging platform that you use. However , for those of you that use blogspot, I included the CSS code snippets for each of the tweaks which can be easily copied into your blogger template editor. Please let me know if you need help with anything.
Please back-up your blogger template before making any of these changes.
1. Use images of the same style: If you use images on your blog, it would be a good idea make all the images follow the same width and alignment. Plus, scaling the images to the same width as the post makes the content flow together and look neat. Here is the code to automatically resize all your images to fit the width of the post:
2. Justify your text: Imagine reading magazines with text ending differently on each line. Not professional, right? Justifying the text gives your blog a very clean and professional look. To justify, select the text in the editor and click on this button. Alternatively you could also add this code to your CSS :
3. Highlight your links: The hyperlinks on your blog should pop against your normal text, they should stand out and invite your readers to click on them. They will go unnoticed if they blend in with the rest of the text, so make them bold or underline or a different color! Here is the CSS code to style the links in a way that will catch your reader’s eye :
4. Make your content easy to search/browse: Would you like your readers to hang out on your blog for a long time? Then make your content more searchable. Add a search bar and/or archives widget to your blog. This keeps your old posts visible at all times and helps the readers find the content they are looking for on your blog.
5. Add a jump-link: If your posts are long and contain a lot of images, it would be nice to shorten them with a Read – more option aka a jump link. This makes it easy for readers to scroll down your blog, get a quick overview of your content and choose the posts that they want to read in detail. To add a jump link to your posts, click on the insert jump break button in your editor at the position you want to shorten your post.
You can also style your jump link by adding this CSS code:
These small details will make a huge difference to the reader-experience of your blog. Hope you all had a great start to the week, mine was a bit slow, but I am catching up!
P.S: Click here to read my top 5 tips for a great blog design!
What are the design elements that attract you to a blog?