Good Blog Display Design

CONTENT (content) is king and design is queen (Content is King and Design is Queen). The phrase is very popular in the world of blogging and/or site building (website development). It means something like: “Prioritize the content, but don’t forget the design or appearance of the blog!”

The content and design of the blog display are equally important, but ifranking, then the most important content, then the design / appearance.

Googling proves, many blogs with templates blogger default perched in position 1 of the search results, not because of the SEO Friendly design, appearance, or template, but solely because of the quality content. The article is good and complete!

Google says, create quality content (quality content), which is unique, original (own writing, not copy paste), complete, and useful for users.

How to look or “look” a good blog?

Alright, let’s forget about content first. We focus on the appearance or design of the blog template.

A good blog display is pleasing to the eye (good looking), it is easy to read, the content is easy for the user to browse or browse (blog navigation), and the text is easy to scan (scanable).

Learning from various sources, here are some tips on designing a blog so that it looks like it is liked by visitors and in accordance with Google’s recommendations.

1. Bring Up Author Attribution
Show your name, real name or pseudonym (read: online name [online name]) under the post title, which is “Posted by …”. This is important so that users/visitors can contact you further if they want to “get to know” you better. The dots after “Posted by” can be filled with the name of the blog or the author’s name, plus a link to Google Plus You.

CB suggestion, like Google suggestion, use it Google Authorship there. How to set it… read on… How to Share and Setting Google Authorship.

2. Install Search Box
Don’t forget to put a search box (Internal Search Box) in the header, menu navigation, or in the top sidebar. This makes it easier for users to find other posts on your blog, as well as support a good PageView for ranking blogs in the Google index.

Web design expert Jakob Nielsen from NN Group pay special attention to this search facility. No “search box” is one of the fatal mistakes and website/blog design.

3. Show “Post Quote” on Home
Commonly called “Read More” or “Blog Excerpt” and “Post Snippets”. A good blog design does not display all the text on the home page, but only in the form of a title, thumbnail image (if any), and a quote (summary, excerpt, or snippet).

4. Show “Social Button” and “Subscription”
Show links to your social media accounts –Twitter, Facebook, Google Plus, etc.– and provide a “subscribe”, “update via Email”, or “Follow by Email” (Subscribe Form/RSS Button) box. Show in header or sidebar.

Before displaying the “Subscribe Form”, you must first create an account at Google FeedBurner and enable “Emal Subscription” there. There you can also do “automatic sharing of posts” to Twitter.

In addition, make sure at the end of the post there are also facilities share buttons to Twitter, Facebook, and Google+. For more details, we can create an account and get the code at AddThis etc.

5. Show Sidebar/Widgets on the Right!
Have the Sidebar on the Right of the Web Layout. Avoid the design / appearance of blog templates with left and right sidebars (three columns). The left sidebar is usually ignored or not noticed by the user.

It can be said, a good blog display only has one sidebar, namely on the right (Right Sidebar). Usually, this sidebar contains blogger profile/biodata, blog description, search form, banner ads, list of recent posts, popular posts, random posts, archives, etc.

This suggestion is reinforced by a study on usability studies by usability expert Jakob Nielsen (eg Horizontal Attention Leans Left).

6. Don’t get too many ads
Don’t do too many ads, let alone colorful and flickering ads (animations). It dazzles the user’s eyes! Don’t be like a drug ad, unless it’s a strong drug ad 🙂

Don’t use “floating box” ads (pop-up ads) because they are annoying! Also avoid ads that “cut” the content.

Good ad placement in the sidebar, header, above the post title, or at the end of the post.

Text Area Design: Single Post Display

The appearance of this single post is often forgotten by bloggers, even “experienced” bloggers! They forget or “ignore” the Online Style Writing (Online Style Writing). Read on: User Friendly Blog Posts.

The main mistakes in the design of a single post display or blog text (post) presentation include:

  • Font size too small. The font is too small. The default font size is 12px. Ideally between 13-16 pixels. It also depends on the font…
  • Line/paragraph too long. The line length is too long. Ideally a maximum of five lines per paragraph.
  • Spacing between paragraphs/lines too close. The line spacing is too tight. Use spaces between paragraphs. Edit in “line-height”. The 12px line-height font is between 17-18px.

Example of a User Friendly Text Area Display

online style writing-studiooutside[dot]com[dot]au

Blog Background, Light or Dark?

Google and Facebook use a white background with black writing. That’s the best standard about background color. According to web design experts, the best colors for a web display are a light background (white or a variation thereof) and a black font color (with variations).

A light background (white) with black writing is most often used because it is very user friendly. While the dark background is “only” suitable for blogs with little writing — mostly images (photo or video blogs). Peace be upon you.

— Processed from various sources, especially “If Content is King then Design is Queen” ( and “7 Blog Design Tips from a Content Strategist” (