Articles Web Design

Blog Posts Design: Important Styling Aspects

4.33/5 (3)

So you pump quality blog content, but do you inject some creativity into your blog posts and articles? Well, don’t overlook the importance of post design as it plays a highly supportive role to engage people’s attention when they visit your site.

We’re putting this list to show how you can style your blog content to encourage readers to spend more time on your blog and come for more. Though being quite generic in style, these web designs do break the mold of the blogosphere with creative approach towards blog post styling, being themed specifically to the content. The question comes then, what can you do to make your blog more attractive?

What keeps hooked on the blog post content is a cleverly design arrangement of posts – readers can spot grid style layouts with posts being placed throughout, neat column styles, scattered designs, themed post styles or ones that have a latest post being prominently shown whereas previous posts are being visually shortened.

As for the lead images, they often go with borders or shadowing (that helps the image stand out from the page) and are placed at the top of the post content to break up text heavy pages and provide visual relief. Left sidebar layout with the text framing the image or just going side by side with it is also popular when the task is to enhance the appeal of a blog. Thus, the image doesn’t fight with the post for attention, but reinforces the message.

When it comes to the post titles, to make them stand out from the standard post content blog owners use larger fonts, often with some unique font styles being applied to them. Plus, we can see post images with overlapping titles, often done to communicate more than a plain title could do on its own. In this case, the post title and image work together with the goal of enticing the visitor to read the first line of the post. Sometimes blog posts can even come equipped with a drop cap style when the first letter of the paragraph is being dropped cap to immediately draw readers’ attention to the start of the post.

Right after the post title usually goes some meta data – date & time, author attribution (to establish a human connection), and a comment count, which are worked into the design so they don’t stick out. However the layout solution for a date might be truly creative. Overlapping the post image, showing from behind of the content area, being distinguished with colors, unusual light/shadow effects, textures, or forms, they do their best to attract attention. Besides, a nicely designed comments count can as well go a long way towards encouraging the visitor to proceed with a post reading and even leave a comment, so it also needs serious consideration.

At the end of each blog post, many blogs are including things like buttons and links for social media voting and promotion, categories and tags, and clickable calls-to-actions (often a prominent 'read more' or 'continue reading' permalink at the end of the excerpt – short text snippets of posts on the blog’s home page) that will encourage readers to go and read the post entry. By the way, the text snippet length and formatting should be carefully calculated not to overload the page.

So break free of the usual blog posts design mindset, still try implementing these aspects as they can definitely increase and retain traffic on your blog.

* * *

Blog.ismaelburciaga.com

blog post design styling

* * *

Colorcubic.com

blog post design styling

* * *

Tomsiodlak.com

blog post design styling

* * *

Thealphageek.me

blog post design styling

* * *

Alexanderkryska.de

blog post design styling

* * *

Cemaizic.eu

blog post design styling

* * *

Brownblogfilms.com

blog post design styling

* * *

Ipadapps.org

blog post design styling

* * *

Freelanceswitch.com

blog post design styling

* * *

Elacorte.com

blog post design styling

* * *

Folioway.iwakthemes.com

blog post design styling

* * *

Cognitivefilms.com

blog post design styling

* * *

Smokingdesigners.com

blog post design styling

* * *

Finalelements.com

blog post design styling

* * *

Loftenberg.com

blog post design styling

* * *

Graphito.net

blog post design styling

* * *

Vivoocreative.com

blog post design styling

* * *

Featureme.co.uk

blog post design styling

* * *

Branded07

blog post design styling

* * *

Agenturblog.de

blog post design styling

* * *

Fhoke.com

blog post design styling

* * *

Pedrolamin.com.br

blog post design styling

* * *

Blog.leegustin.com

blog post design styling

* * *

Bitfoundry.ca

blog post design styling

* * *

Columnfivemedia.com

blog post design styling

* * *

Terrafirmaclothing.com

blog post design styling

* * *

Kylefiedler.com

blog post design styling

* * *

Css-tricks.com

blog post design styling

* * *

TemplateMonster's WordPress Templates with Creative Blog Post Styling

Web Design Studio WordPress Theme

blog post design styling

* * *

Web Design Agency WordPress Theme

blog post design styling

* * *

Arch 4 WordPress Theme

blog post design styling

* * *

Web Design Lab WordPress Theme

blog post design styling

* * *

Cookery Book WordPress Theme

blog post design styling

* * *

Fair Interior Online WordPress Theme

blog post design styling

* * *

WebDesign WordPress Theme

blog post design styling

* * *

Spark Design Blog WordPress Theme

blog post design styling

* * *

Selectico WordPress Theme

blog post design styling

* * *

4 Made Web Technologies WordPress Theme

blog post design styling

* * *

Fashion & Beauty Blog WordPress Theme

blog post design styling

* * *

InDesign WordPress Theme

blog post design styling

* * *

Industrial.co WordPress Theme

blog post design styling

* * *

A. Smith WordPress Theme

blog post design styling

* * *

Defrozo Photoportfolio WordPress Theme

blog post design styling

* * *

Desire Photoportfolio WordPress Theme

blog post design styling

* * *

Cooking School WordPress Theme

blog post design styling

* * *

Web Design WordPress Theme

blog post design styling

* * *

12 Responses

  1. Thanks for putting us in there!

    Luke – Vivoo Creative

  2. Love to read your article, it really inspired me and learn some good things from it. Thanks

  3. The Alpha Geek  has a good template because a white background always looks more clean and makes other colors pop in contrast.

  4. Awesome read. I just passed this onto a friend who was doing some research on that.
     He actually bought me lunch because I found it for him! So let me rephrase:
    thank you for lunch!

  5. I very much appreciated this posting, it could have been my story.
    I also started using and adapting Montessori materials in my homw preschool b
    ack in the ’70′s…(wow I am old!) before I had completed my training.I totally agree
    in hoping that the world of Montessori will be opened to many young 

  6. Once again good post, Lilian. After reading this post, it almost makes me hesitant to post a comment “Thanks for writeup”.

  7. What a great designs! Are all of those free?

Leave a Reply

Your email address will not be published. Required fields are marked *