8 Design Elements Your Blog Should Have
Posted on 08. Mar, 2010 by Mark Thompson in How To
There are certain design elements that all blogs should have to keep readers happy and engaged in your content. With the evolution of blogs and social media sites, the expectations for a blog are much higher. Readers expect to be able to read a post and have the ability to quickly comment and share by using the Twitter or Facebook accounts.
The other aspect is having a clean and consistent layout with your blog content. Users have higher expectations now and expect a blog that will be easy to read, find what they are looking for, and navigate.
If you manage a blog, see if you are taking advantage of these 8 design elements.
1. RSS/E-mail Subscribe
One of the key aspects to building a readership for your blog is to have subscribe options easily accessible. Give users the option of subscribing to your blog by RSS or E-mail. Make it prominent in the sidebar, header, each individual post, footer, and static pages.

2. Custom Header

Make your blog stand out by creating a custom designed header. This is your chance to put a unique spin on your blog and set yourself apart from your competitors.
Things to Include:
- Logo
- Navigation (Categories or Static Pages)
- RSS/Twitter Stats
- Subscribe Options
- Search Functionality
- Social Profile Icons
- Banner Space (optional)
3. Clear Navigation
If your main navigation is unclear, there is a good chance that a reader will not be able to find other topics that they may be interested in reading about. Use a clear and concise navigation, with no more than 7-10 categories. Once you go past 10, if gives the reader too many options to choose from and can get confusing.

4. Comments
Part of the reason that blogs are so popular, is the ability to provide your own comments on a post. So making it as easy as possible to submit comments is essential. Give the user multiple ways to either comment as a guest, sign-in, or login to one of their social media accounts. Disqus Comments is a fantastic plugin that allows users to easily leave comments by simply signing in to one of the social profiles.

5. Social Sharing Icons
Your content is only as good as the people that see it. If your content is not easily made to share, it will be much harder to build a readership to your blog. Using social media icons throughout the homepage, individual posts, and RSS feed, allows for readers to easily share content with friends and social community members.
![]()
6. Standard Graphic Sizes
Depending on the layout of your blog and content space, you will only be able to make your images a certain max width. Try to keep your images consistent. So if your max width is 600px, try to make your images 550px. This will help keep your content consistent and make your post more engaging. For images that have a white background, try adding a thin border to help keep that size consistency.
7. Sponsored Sidebar
I would assume that at some point everyone would like to monetize their blog, by adding banner/sponsorship ad space. As a best practice, the majority of blogs put 4-8 ad spaces in the sidebar because it is prominent real estate.

8. Custom Footer
Even though your footer is at the bottom of your blog, it is still an opportunity to keep users engaged in your content. You would be surprised how many people actually scroll to the bottom to look for “site map” styled links to easily navigate a site. This can also be a great way to do some deep linking in your blog to key pages and posts.
Things to Include:
- Recent Posts
- Popular Posts
- Category Links
- Links to Offers, Promos, Premium Content
- Banner Ads
- RSS and Share Icons
- Contact Info
- Write to Us Link

Image Credits:
Share With Your Friends
Written by Mark Thompson
Mark is the President of Search Creatively, an Internet Marketing & Consulting Company. He also is the creator of StayOnSearch, a search marketing blog dedicated to SEO's and Internet Marketing professionals. He also contributes to a number of industry blogs including Search Engine Journal, ProBlogDesign, and 1stWebDesigner. Follow Mark on Twitter (@m_thompson)











88 Comments
8 Design Elements Your Blog Should Have | Web Developer
08. Mar, 2010
[...] and have the ability to quickly comment and share by using the Twitter or Facebook accounts. [...] Read the full article at the source. Share Design all articles, Design, resources What Type Of Web Hosting Account You [...]
Thomas Craig Consulting
09. Mar, 2010
Thanks Mark for the tips, I would also include an element for freebies/giveaways/contests etc… the more interaction and value your site can provide to your readers the better.
Vunky
09. Mar, 2010
Thanks for the tips!
That is one huge footer. I guess with twitter and RSS adding a mailing list to the design would be overkill.
.-= Vunky´s last blog ..Wallpapers of the month: March =-.
=== popurls.com === popular today
09. Mar, 2010
=== popurls.com === popular today…
yeah! this story has entered the popular today section on popurls.com…
aDeeb
09. Mar, 2010
Basics.
Every designer should know this stuff.
.-= aDeeb´s last blog ...web : Backup. =-.
8 Design Elements Your Blog Should Have « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit
09. Mar, 2010
[...] 8 Design Elements Your Blog Should Havesmashingshare.com [...]
8 Design Elements Your Blog Should Have » Web Design
09. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
3kolone
09. Mar, 2010
Nice article and great tips.
.-= 3kolone´s last blog ..PHPns – news modul za vašu web stranicu u jednoj liniji koda =-.
8 Design Elements Your Blog Should Have | TopRoundups
09. Mar, 2010
[...] 8 Design Elements Your Blog Should Have Submitted by smashingshare [...]
Super Squeeze Page Pack
09. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Digital Art Empire
09. Mar, 2010
Thanks Marc I would agree with Craig – increasing the user interaction is the only way to go – cheers
.-= Digital Art Empire´s last blog ..Weekly Best of the Web # 2:Design Inspiration & News =-.
Tips To Have A Nice Flash Banner
09. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Marfi
09. Mar, 2010
I have not laughed more recently.
Sponsored sidebar? Seriously? Plus share this post icons on 10 social media networks no one have heard of? All of this will result in a slow loading time plus you will be still displaying adds like the billboards do – alongside the road, and NOT on it.
You should seriously reconsider at least these 2 points.
.-= Marfi´s last blog ..I have just created a new smart filter on favit.com Tech & Web Events. You can use it as well! Check it at: fav.ly/pmxaQw =-.
5 Reasons You Should Have Custom Blog Designs
10. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Sneh Roy
10. Mar, 2010
They are all good points except sponsored spots. A lot of people are blogging for the sheer pleasure of it. I myself don’t use advertising on my second blog. It is purely a personal choice thing, it doesn’t have to be there. Good article, thanks for sharing
.-= Sneh Roy´s last blog ..Project 365 Vector Characters – Kwerp For Day 65 =-.
Tutorijali HDonWEB
10. Mar, 2010
Nice post, I agree
.-= Tutorijali HDonWEB´s last blog ..Windows Search za brže pretraživanje =-.
Frokostordning
10. Mar, 2010
Hmm that’s very interessting but frankly i have a hard time determining it… I’m wondering what others have to say….
Lou Sparx
10. Mar, 2010
Great article. I’ve implemted most on SOCFX apart from the easy commenting bit.
Lou
.-= Lou Sparx´s last blog ..Web Design Client Tips =-.
Eko Setiawan
10. Mar, 2010
Hi, thanks for share…
I just wanted to add (for more user experience), you also have to separate trackbacks from comments and give back to top button.
.-= Eko Setiawan´s last blog ..Sky Light Theme =-.
Duane
10. Mar, 2010
Thanks for the tips. Perhaps some more discussion on how to effectively integrate some of these elements would have been useful.
Cheers!
.-= Duane´s last blog ..10 Inspirational Japanese Digital Illustrators and Artists =-.
Waheed Akhtar
10. Mar, 2010
Thank you guys for the comments.
@Craig: You added valuable point of giveaways or freebies
Anything Graphic
10. Mar, 2010
I just finished adding my footer! Great post and great points. I agree with you on every single one of these.
I would also add a retweet button as a must. So many people use it. Another great addition is a gravatar and customized commenting. It just makes for a better, more visually interesting layout.
Anyway, nice post.
8 Design Elements Your Blog Should Have | [codepotato]
10. Mar, 2010
[...] 8 Design Elements Your Blog Should Have Posted March 10th, 2010 in Blog by Gareth http://www.smashingshare.com/2010/03/08/design-elements-blog-should-have/ [...]
Waheed Akhtar
10. Mar, 2010
@Sneh: Thanks for the feedback Sneh.
@Setiawan: I think time to separate Trackbacks from comments
@Duane: Thanks for stopping by and leaving your feedback. Hopefully we can bring something this as well on the wall.
Toni Gemayel
10. Mar, 2010
I like the inclusion of standard graphic size. For some reason, alot of early bloggers seem to miss that.
How To Choose The Wedding Ring Of Your Dreams
10. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Nikunj Tamboli
10. Mar, 2010
Great Post you have include every essentials things. It should have also included the featured post slide bar.
.-= Nikunj Tamboli´s last blog ..22 Amazing Typographic Portraits =-.
Skiing – Maybe If Anyone is Interested in Such Travel Plans – Credit Can Be Bliss
10. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Ted Rex
10. Mar, 2010
Although my blog does not have even half of these things (for now…) I made this page one of my three featured links on my Design Thought for the Day blog:
http://designthoughtfortheday.blogspot.com/2010/03/03-10-blog-needs-google-index-tutorial.html
All the best, Ted
Stratos
11. Mar, 2010
Really good post! I will redesign my blog soon so I need lots of tips, advices and idea.
Thanks!
.-= Stratos´s last blog ..300+ Amazing Social Network Bookmark Icons =-.
Mischa
11. Mar, 2010
“I would assume that at some point everyone would like to monetize their blog, by adding banner/sponsorship ad space.”
that’s not yours to assume. I’m glad there are still people that blog just because they enjoy it and they want to share their expertise or stories with others. Not just because they want to make money..
Ted Goas
11. Mar, 2010
I’m with aDeeb, Sneh, and (without laughing myself) Marfi… this is all either REALLY basic or questionable opinion.
What defines a ‘custom header’? Sponsored sidebar makes the short list? What purpose does a custom footer serve (other than being a link dump that might not even be clicked?
These all sound like ingredients for another cookie cutter design blog (not unlike this very one). Sigh, sorry for being so critical, Mr. Smashing Share. I’m going to ‘submit query’ now, which I guess means ‘post comment.’
How To Earn Extra Money From Niche Ebooks « Solution Spotlight
11. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Matt
11. Mar, 2010
Not sure the ad space is a element all blogs should have. And the social bar is great why do you need more than Facebook or Twitter for 90% of your readers?
.-= Matt´s last blog ..Twitter gets a url shortener =-.
ESN
11. Mar, 2010
I think displaying too many Social Sharing Icons is an overkill. Many people only really use 3 – 5 of them. But if you are like me and don’t want to leave out any, you can use sharing widgets like Add This or Share This, which won’t take up too much space on your blog.
.-= ESN´s last blog ..Display 5 latest posts in each category in WordPress =-.
Waheed Akhtar
11. Mar, 2010
Thank you all for your valuable feedback.

@Ted: You got nice big header for your website. I think the examples shown here are from the most successful blogs and I think they are getting much more from what they have done.
We like big footers “http://www.footerama.com/”
@Matt: We think Digg, StumbleUpon and some others are also important as Twitter & Facebook.
@ESN: “Add This” is great sharing tool. But for sometimes, It might get lost in between your content and readers will not be able to notice it.
あなたのブログを魅力的にする8つのデザインエレメント - TSC - my Online Memo
11. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Ted Goas
11. Mar, 2010
@Waheed Akhtar Respectively, though, I’m not saying that all sites or blogs should have big headers, nor am I saying my own site is any good.
inspirationfeed
12. Mar, 2010
Great list, you basically got everything.
sriganesh
12. Mar, 2010
very useful and informative tips give
thanks for sharing. i agree we should not have many voting s button, but 5-6 is good.
.-= sriganesh´s last blog ..Community News : Next Level =-.
Glenn Sorrentino
12. Mar, 2010
I agree with all you said here – good list.
[User Link:8 Design Elements Your Blog Should Have] | Tips for Designers and Developers | tripwire magazine
12. Mar, 2010
[...] User News – 8 Design Elements Your Blog Should Have [...]
çiçek
13. Mar, 2010
Hello Great list,
Servefault.com
13. Mar, 2010
8 Design Elements Your Blog Should Have…
Thank you for submitting this cool story – Trackback from Servefault.com…
You are now listed on FAQPAL
13. Mar, 2010
8 Design Elements Your Blog Should Have…
There are certain design elements that all blogs should have to keep readers happy and engaged in your content. With the evolution of blogs and social media sites, the expectations for a blog are much higher….
Saturday Swirl 9: Tasty Snacks From the Design Community | Visual Swirl
13. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
8 Design Elements Your Blog Should Have | Web Design Updates
13. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
160+ Hot Fresh Articles for Designers and Developers | tripwire magazine
13. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
ITキヲスク | 2010年3/7~3/13の週間ブックマーク
14. Mar, 2010
[...] 8 Design Elements Your Blog Should Have [...]
CSS Brigit | 8 Design Elements Your Blog Should Have
16. Mar, 2010
8 Design Elements Your Blog Should Have…
There are certain design elements that all blogs should have to keep readers happy and engaged in your content…
myadlan
18. Mar, 2010
nice article. I should have read it first before designing my blog. need to make some adjustment now..
The Inside Design
25. Mar, 2010
Nice article and very detailed. The points you hit were good and key to the grow of any website especially to increase readers and attract them.
.-= The Inside Design´s last blog ..Wallpaper of the Day: Adobe Creative Suite 4 =-.
sarahbelll
30. Mar, 2010
I’ve been looking around http://www.smashingshare.com and really am impressed by the awesome content material here. I work the nightshift at my job and it really gets boring. I have been coming here for the past couple nights and reading. I just wanted to let you know that I have been enjoying what I’ve seen and I look ahead to reading more.
tech news
31. Mar, 2010
I was surfing along to find a good article and thank god i got here. There is no need to reconsider anything as this is a Good One. Thanks
.-= tech news´s last blog ..Best 40 weirdest USB Flash Drives ever =-.
75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March | Yooxe
03. Apr, 2010
[...] 8 Design Elements Your Blog Should Have [...]
75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March - Programming Blog
03. Apr, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Wordpress Blog Services - 75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March
03. Apr, 2010
[...] 8 Design Elements Your Blog Should Have [...]
75+ Truly Useful Tutorials & Colorful Resources For Designers To Discover The Best Of The Web In March « gabriel catalano | in-perfección
04. Apr, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Omaha NE Chiropractor
07. Apr, 2010
my friend have created one blogspot. I’ll tell this to him. hope he finds it useful to enhance his blog…
.-= Omaha NE Chiropractor´s last blog ..Albuquerque Chiropractic Organization: Do You Suffer From Back Pain, Backache, Lumbago, Back Trouble, Bad Back, Sciatica or a Slipped Disk? =-.
Web Hosting Reviews
07. Apr, 2010
i think the ” Social Sharing Icons” point should be given utmost attention to increase the traffic in a blog. thanks for this beneficial post:)
Erick
11. Apr, 2010
Many of the points are really good. I do enjoy these seo blogs, but one of the harder points is making a custom header. I can never seem to get anything to look professionally.
.-= Erick´s last blog ..ⒻⓉⒻ – Buy or Rent Gear =-.
博客8个设计要素 | Lloyd Sheng Blog
12. Apr, 2010
[...] 原文链接 blog comments powered by Disqus [...]
How should your blog design be and why? | Atlassoft Blog
19. Apr, 2010
[...] of a mouse. Readers expect to be able to read a post and have the ability to quickly comment and share by using the Twitter or Facebook accounts. You can also read up Beth Kanter’s tips on how to [...]
您博客应该有的8个设计要素 at Lloyd Sheng Blog
25. Apr, 2010
[...] 原文链接 [...]
Web Design
27. Apr, 2010
I quite do not agree with the sponsored sidebar, but hey, it all depends on the blogger and the needs, right?
Useful Tutorials & Colorful Resources For Designers « MoeMir
29. Apr, 2010
[...] 8 Design Elements Your Blog Should Have [...]
Ecommerce Web Design
29. Apr, 2010
Interesting post, since I have only just started blogging more frequently on the matters of website design and SEO Ill be following up on some of your advice
Paul Galbraith
10. May, 2010
A good roundup of what people should consider including when creating a blog. Personally, I find the comments section one of the biggest reasons to regularly visit a blog, it’s a great way to keep up to date with current thinking. Also, don’t feel you have to include everything, just choose what works best for you, but keep in mind what your visitors may expect to see.
On the subject of blogs, do you think there are too many of them already – I would love to hear your thoughts on my first ever blog post.. Are there too many Design Blogs?
Paul Galbraith
10. May, 2010
A good roundup of what people should consider including when creating a blog. I find the comments section one of the biggest reasons to regularly visit a blog, it’s a great way to keep up to date with current thinking. Also, don’t feel you have to include everything, just choose what works best for you, but keep in mind what your visitors may expect to see.
On the subject of blogs, do you think there are too many of them already – I would love to hear your thoughts on my first ever blog post.. Are there too many Design Blogs?
Ardianzzz
08. Jun, 2010
I think Typography element is the most important. Because people read our blog.
FiBER
08. Jun, 2010
Very nice post….
Funny though that although it are should haves, you dont have all of them :s… haha
Anyway great post.
John Media @ server hosting
09. Jun, 2010
Awesome tips on designing a blog this is really quite helpful tips on how to improve the design of a blog you must consider most of those things and apply it.
How To Develop A Homepage Layout That Sells | Best Web Magazine
17. Jun, 2010
[...] mine:1. Determine The Homepage’s ObjectiveDesign is the art and science of creating and arranging elements to achieve an objective. On the web, that objective is usually to sell. That doesn’t necessarily [...]
The second one…still the same « Dig me please!!!
12. Jul, 2010
[...] 12, 2010 in Uncategorized This is my library…I lovin it… http://www.smashingshare.com/2010/03/08/design-elements-blog-should-have/comment-page-4/#comment-486... http://www.ikigaiway.com/2009/martial-arts-posture/ [...]
Kapil Apshankar
18. Jul, 2010
Loved this list, Mark. Very relevant and definitely useful.
I’d have everyone treat this post as checklist and ensure that all the items are checked out – BEFORE – they put a new blog online, or TODAY!
I was talking about social sharing on my own blog, Social Media Notebook, last evening – and expanded the social sharing aspect on this list.
Would you to hear your thoughts on my perspectives.
Daniel Kaiser
23. Jul, 2010
Loved this awesome list.
Found the website recently, and will follow up
Petya
05. Aug, 2010
You know I think disqus is not the best thing for blog, why can we use wp comments?
Web Content Development
07. Aug, 2010
Thanks for the excellent tips. Yes, clean layout is key … when you have a lot to say it’s tempting to place a ton of information on a site, but use restraint whenever you can. Better to master the art of writing succinctly than to risk being too wordy and driving traffic away.
Mark
13. Aug, 2010
I agree Disqus comment system improves discussion on websites. Please visit this site on how to build a website
wedding ring
15. Aug, 2010
Loved this awesome list.
Found the website recently, and will follow up
torik fauzi
15. Aug, 2010
Awesome tips on designing a blog this is really quite helpful tips on how to improve the design of a blog you must consider most of those things and apply it.
Offersking
18. Aug, 2010
Blog Designing is not about the rules, but knowing the essentials can help you come up with an aesthetically and effective design.
Aisha
20. Aug, 2010
Excellent designs.Web design plays an important role.what we need is a solid and attractive web design for our website and that design must fulfill our business requirements..
Waheed Akhtar
21. Aug, 2010
Thanks guys for your comments. Glad you all liked this and really appreciate your feedback.
great web design
27. Aug, 2010
A website can get customers through marketing, but the important thing is the site must designed well and must give useful information in the right place , if you are working with good web designers ,you can earn more profit in business.
adam
Freebies
27. Aug, 2010
It is a different type of web design showcase focusing on specific aspects of web design.
Vanessa Thomas
28. Aug, 2010
Great article! What do you recommend for the number of social sharing icons? I always used as many as I could, but I am not sure that is the best way to go. Any thoguhts on this?
Daniel
01. Sep, 2010
Great post.The presentation of this post is really good.
Leave a reply