chrisbrogan.com

Covering social media business strategy and personal power

  • Home
  • About
  • Speaking
  • Rockstars
  • Subscribe
  • Newsletters
80

Make Your Blog Design Work For You

May 17, 2008

gears Everything I’ve done with my blog design is intentional. I’m not saying that my blog design is perfect, and I certainly have other things I’d like to do in the future, but I wanted to share with you some thoughts about blog design, starting with my blog, but then showing some design ideas from other sites as well. Why should blog design matter? Because you want your blog to serve the purpose you’ve built it to serve.

First, Know the Goal

The goal of my blog is to provide you with a body of work on social software and strategies around it. One part of that goal is the hope that my work gives you starting points to launch out and do this on your own. The other part of the goal is that people who need more than what I’ve posted know that I’m available to help them with their specific needs. What do you think? Does my site match my goal?

What’s the goal of your blog?

Consider a Thin Header

When building the redesign of [chrisbrogan.com], I wanted the header at the top to be very thin. I wanted you to be able to see as much of my page layout as possible instead of a huge static graphical banner at the top.

Check out CopyBlogger and Problogger. Brian and Darren have me beat on thin headers. They even have functionality alongside their names in the headers. Commercial concerns like TechCrunch and GigaOm have ads at the top, but note how GigaOm handles ads. He’s got it wrapped into the header, saving space. For whatever reason, that design makes the ad seam less blatant to me. You?

Your About Page Matters

My About page starts with a picture of me (just changed it out from the old one, because I want a very current pic all the time). It also gives you a bio that tells you what I’m passionate about. But if you look further at it, my about page is also a “serving suggestions” for how you can work with me. I want you thinking the whole time you’re reading it, “Oh look! I’m in the market for someone to help my company figure out our social media strategy, and Chris does that!” That’s not by accident.

Valeria Maltoni’s about page has an even more professional feel to it. (I’m taking notes now). And she uses a picture to make sure we know who she is.

Brian Clark’s about page for CopyBlogger starts with the essence of the blog, and then talks about him, and the message there reinforces that his blog is about the work, not about him.

What does your about page look like? What more will I learn about you, and about your goals with your blog?

Your Sidebar(s)

Sidebars are my personal pet peeve. I want the things in them to be relevant to the experience, useful to the user, and pertinent to the information at hand. To that end, the first three things on my sidebar are the RSS subscription link, my newsletter subscription link (which is different content), and a “get this blog by email” blox. Why? Because my #1 goal is to get you connected to this experience on a continual basis.

Most sidebars start with the subscription opportunities. I noted that CopyBlogger and Problogger and Conversation Agent all also display their RSS subscriber count. I didn’t have this on my site for a while, but then realized there’s one piece of value in it: it shows that more than a few people consider your site useful for information. Don’t feel like you have to wait until you have 10,000 subscribers to put that button up, and don’t feel weird if you only have 100. More than 2 is probably good. : )

My sidebar then has a micro-biography, and alongside that, a contact box that shows you a few ways to reach me. I think it’s important, and putting my number on the blog was something I learned from Robert Scoble. I figured, if he’s a busy guy and can have his number up there, I’ll be okay. So far, so good.

The rest of the sidebar can be debated. I have widgets that show you who’s stopped by (MyBlogLog). I have an Utterz badge showing my most recent Utterz posts. I have the Lijit content search widget, and a few other things. Is it all vital to the blog experience? No. So maybe some day it will go.

Ads or No Ads

I personally struggle with this one all the time, because the part of me that wouldn’t mind starting a little “conference fund” for shows that aren’t business-related would be a neat thing to me. But a friend gave me some advice that I’m sticking with for now. Use your blog to sell YOUR stuff. So, when I have products for sale some day in the sidebar, they’ll be my own things.

You can certainly use ads on your site. Some folks do it very tastefully. Where it becomes a problem to me is when you’ve laden your page with so many ads that I can no longer read the content easily, and heaven forbid you have me clicking on something that I don’t know is an ad. Spamming your audience is un-pleasant.

Should sites have ads? Sure. Why not? But be clear about what your intentions are, and try your hardest to make the ads pertinent to your audience.

What’s your take on this one?

Blogrolls or No

Some sites have a blogroll (where folks can see all the other blogs you endorse or not). I’ve heard great endorsements of these (and I usually poke around other great bloggers’ blogrolls to see who they value). On my site, I went another way. I built a complete page called Rockstars, where I give people a link to their site and their RSS feed. Why? Because I wanted to make it all-inclusive, and because I didn’t want it to eat my sidebar.

Do you use one? Have people commented positively or negatively about it?

Fonts and Text Colors

I like readable blogs. Upon looking at my site, I wonder if the “not black but grey” text, and the text size, are tricky for some people to read. I like the design, but I also want people to be able to read it. When I looked around, there was a real mix to what people used on their sites for font and colors. I prefer a serif (text that has curvy parts) font, while others like sans serif (more modern-looking). Mine is probably officially a sans, but has a serif feel to it.

Pictures and Video and Rich Media

I love videoblogs. I love photoblogs. In my case, I use my blog in multiple ways, so I consider it a text blog with pictures, or a text blog with video. If yours is specific to one of these other purposes, you might consider designs that further highlight your main purpose.

But, if you’re blogging in text, consider photos and video. They add something to a reader’s experience. You’ll note that I often put a photo up alongside my posts. I use Flickr’s vast assortment of Creative-Commons licensed photos, created by the world to be used with proper attribution. (Learn more about that here).

Summary

To sum up what I want you to consider when thinking about your blog design:

  • What’s the goal of your blog? Does your design serve that goal?
  • Consider a thin header.
  • Make your About page useful.
  • Keep your sidebar functional.
  • If you have ads, keep them tasteful and unobtrusive.
  • Consider how blogrolls affect your design.
  • Do your fonts and their color help your readers?
  • Should you add rich media like photos and video to your blog?

Next time, we can talk about content: what goes IN your blog, and how that works for you.

Feel free to share designs you think work well in the comments section, and we can talk about YOUR blog, too, if people feel like sharing.

The Social Media 100 is a project by Chris Brogan dedicated to writing 100 useful blog posts in a row about the tools, techniques, and strategies behind using social media for your business, your organization, or your own personal interests. Swing by [chrisbrogan.com] for more posts in the series, and if you have topic ideas, feel free to share them, as this is a group project, and your opinion matters.

Get the entire series by subscribing to this blog, and subscribe to my free newsletter here.

Photo credit, Ellie VanHoutte

Article
blogdesign, blogging, socialmedia, socialmedia100

If you enjoyed this post, please consider leaving a comment or subscribing to the feed to receive future articles delivered to your feed reader.

Comments
Comment by Jeroen de Miranda on May 17, 2008 @ 8:21 am

Hi Chris,

Putting the blogroll in a separate page, and in RSS
formatted links is a great idea!

Regards,

Jeroen

Comment by Gregory Ng on May 17, 2008 @ 8:27 am

Hi Chris,

I used to have a blogroll on my blog but once I got more and more active on Twitter, I have removed it. The reason for me is simple: I feel I can give better endorsements of my favorite sites through conversation(albeit in 140 character increments) than just listing sites. And I have received positive feedback from people whom I have linked to through Twitter because I can cover specific up to date articles instead of a full site.

Like Jeroen, I do like the idea of RSS formatted links though.

-Greg

Comment by Todd Jordan on May 17, 2008 @ 8:42 am

Chris,

Good suggestions. I’m not currently running ads either, but I’ve nothing I’m selling at this point. I love the Rockstars idea. Hope you don’t mind if I steal that. I’m wondering though if that increases or decreases the amount of click throughs to those sites. Thoughts?

PS If I don’t see my blog there, I’m going to go get ice cream again today. :P
PSS New hosted home , http://thebroadbrush.toddrjordan.com

Comment by Tom Croghan on May 17, 2008 @ 8:44 am

It’s great to hear some relevant comments about design. As a design pro, I see very little method to the madness out there.

I’m about to relaunch my blog using a Wordpress theme. I’ve been shopping around and really like the way you’ve made yours work for YOU!

Comment by Andre on May 17, 2008 @ 8:51 am

I’ve been starting to play (offline) with different sidebars for different sections, especially since the goal of The Terminal is information. I currently have the blogroll in the site’s main sidebar, but I’m thinking of building a series of pages that would make it easier for visitors to find links based on what they’re looking for.

The only reason I still think about ads for the site is because I figure it’s a great way to sustain it and do other projects worthwhile for the community. I’ve been scared of but considering the idea of doing an voluntary subscription model that would keep the content available to all but provide a way for folks to show their support of the site. Still wondering if that will work. I’ve tried rich media and had mixed results, though people seem to like audio more than video (at least right now).

I restarted my personal blog in an effort to start playing with different ideas in that sidebar (and I’ve really got to find a way to get that header a lot smaller).

Comment by Stephen Collins on May 17, 2008 @ 8:55 am

I’d really like to find a totally professional looking blog template, that completely didn’t look like a blog.

My blog is also the heart of the website for my one person company and I’d prefer visitors to feel more like they were engaged in an “experience of my brand” rather than a blog with bits off the sides.

One example of where this concept has been implemented really well is http://dennajones.com/. For an explanation of the work that went into Denna’s site, see http://jontangerine.com/log/2008/04/an-ephemeral-site-denna-jones

Comment by Jenny, Bloggess on May 17, 2008 @ 8:58 am

I don’t care one way or another about ads as long as it doesn’t cause me to crash when I go to your site.

And I did a blogroll on a separate page just because I’m to technologically retarded to do it any other way. My retardation comes in handy sometimes.

Comment by Mike Desjardins on May 17, 2008 @ 9:30 am

I find myself fussing with my blog design *all the time*. I’m never quite happy with it, either. But for me, I’m doing it for fun as much as anything else.

It sounds like you’ve softened your stance on advertising a little?

I only have 15-20 subscribers at any given time. I need to figure out how to work on that. Until then, putting the current number of subscribers is probably silly in my case. :)

One last thing - definitely put your phone number on there. What’s the worst that could happen? For me, a headhunter called me out of the blue the other day, and the opportunity sounds great. The headhunter is a very phone-oriented guy (he always calls me instead of e-mailing me), so it’s possible that I wouldn’t have heard from him otherwise.

Comment by David Kowarsky on May 17, 2008 @ 11:06 am

CBro–

If you’re still making awesome t-shirts, and are looking for something to sell of yours, there’s really no excuse for you not to sell them. I mean sure, maybe keep a couple designs as CBRO exclusives at any given time, but you’ve got a following and your shirts have something meaningful to say that stimulate the kind of conversations you want people to have.

Yes, I still read you.
-DLK

Comment by Matthew Murphy on May 17, 2008 @ 11:25 am

Chris,

Really enjoyed the article! You put things together very well. I like that you have your phone number out there. It convinces me that you’re serious. As you know, I write a lot about web-based apps, and I’ve found quite a few that facilitate phone contact between your readers and yourself. Most of these allow the reader to call you without the need to release your phone number to them. (Good for people who have privacy concerns.) The one that I use on my blog is a widget by Google-owned Grand Central. I have a number through them that I’ve used as my business contact phone for years, and they’ve released a widget that allows people to call my Grand Central number for free.

Anyhow, good writing and good content, as usual!

Cheers,

Matt

Comment by Toby on May 17, 2008 @ 11:25 am

When Peter Flaschner and I redesigned Diva Marketing’s skin we asked the community for their feedback. Fascinating to learn how the “brand” was perceived without visual cues (the skin was a boring template). It was a huge surprise to me that there were strong opinions about the direction we should take but needless to say .. an exciting learning experience.

Comment by Clintus on May 17, 2008 @ 12:04 pm

I still need to get an “about me” page up. Been meaning to do that forever. Great tips here Chris, I think it’s time to re-evaluate my site. Thanks.

Comment by Israel on May 17, 2008 @ 12:36 pm

this was extremely interesting to read. dissecting your blog design is something i often do, but never write about. writing about it helps put it in perspective. we have a few things in common. I like keeping my sidebar full of relevant info, after the ads. thats why i have the the most recent video posts.

i am also a proponent of the thin header. i want my content to be seen as soon as possible. i also want readers to know what is content and what is not, thats why i keep the black text on white with a good size font, so that it isnt hard to read.

i think you should increase the size of your text one point or make it black, or both. while it wasnt super hard to read, it was harder then it should be.

Pingback by Finished messing about with domains « Cariboo Ponderer on May 17, 2008 @ 1:22 pm

[…] Make Your Blog Design Work For You [via Zemanta] […]

Comment by Jason Van Orden on May 17, 2008 @ 2:04 pm

We just launched a brand new site for InternetBusinessMastery.com. Like you, We spent some time looking around and thoughtfully deciding how to make the user experience as meaningful as possible.

I like your tips here. We definitely have not done well with the “thin header” and it concerns me. I think I will revisit this.

The “About Page”, however, I spent a lot if time on. I tried to really make it about telling a story (or really multiple stories). I also tried to make sure it started by speaking to what our ideal audience was looking for.

The photos of you that you use are great. Are these mostly taken by other people and given to you? I like that none of them look like the posed “author” photo. I need better photos to use, but I definitely don’t want the cliche.

Comment by Mari Adkins on May 17, 2008 @ 2:20 pm

Concerning your main content area and choice of font colors, I do find them a bit difficult to read, but I’m legally blind and “have very special eyes” (according to my eye doctor). All it takes to bring the page into focus is to hit CTRL+ just once.

I recently completely overhauled my website - it’s WordPress based just as more and more are these days - but I’m never satisfied with how it looks. It’s current incarnation is the most pleased I’ve ever been. Your post gave me quite a bit to think about and reminded me that I need to get off my rear and get my About page overhauled - it’s the only one I didn’t get to. Whoops.

Comment by Josh on May 17, 2008 @ 2:24 pm

“He specializes in provinding information and services to business customers around their Technology and Social Media needs.”

Is there a typo in that sentence on your about page?

Comment by Barney Moran on May 17, 2008 @ 3:42 pm

One critical thing missing in this post and thread is the entire back end of what Widgets are doing and their unique mission for themselves.

P.U.B. [Publishers Union of Bloggers] has pending inquires to Widget Providers concerning how they generate their income; what percentage of this income goes to the Blog Publisher making the critical decision to allow a Widget on their site for their readers. In addition we are requesting transparency on the critical issue of how the private statistics from Publishers Blogs are collected and used by Widgets, hopefully with the Publisher’s permission!

Something we neglected, but have been advised of, is the impact on Blog load performance from a Widget, and are adding this component in our investigation.

P.U.B. expects to heard back from Lijit on the financial and private statistics issues from P.U.B’s inquiry we sent to Lijit in mid April 2008. When we do we will let great Blog Publishers like you know their deal.

Will publish these results to keep the community of Blog Publishers informed on this critical component of Widgets on our Blogs.

Barney Moran
Founder, P.U.B.

Comment by chrisbrogan on May 17, 2008 @ 4:05 pm

@Josh - thanks for finding the typo. : )

Comment by Glenda Watson Hyatt on May 17, 2008 @ 4:12 pm

Very timely post, Chris. I won my blog design and it initially was to promote by autobiography I’ll Do It Myself. But my blog is evolving and, hopefully, growing. I’m trying to update it within the confines of the current design. You mention some good points to consider.

And thank you for touching upon the usability and accessibility factors!

Comment by Doug C. on May 17, 2008 @ 5:44 pm

Chris, thanks for the great tips. I just started my own blog last week. I’ve been learning the code so I can design the layout the way I want. Relevant links and material is important otherwise it’s just a mishmash. Still working on the “look and feel” as well as the color scheme.

Comment by Amy Lenzo on May 17, 2008 @ 6:34 pm

I love this post because it focuses attention on something I think is crucial - online aesthetics. Your design here on chrisbrogan.com is lovely - very simple, clean, pleasing. I like the partial glimpse of your face in the banner - it’s like a peek into your world - and the overall color scheme and text treatment are consistently professional and accessible. The gray type is great, and yes the size is a little small for us older folks, but hey, what are glasses for anyway?

I love playing with my own blog design and tend to change my banner and color scheme every few months. I’m always tweaking my sidebar content too. The other day I added links to services I have affiliate relationships with, and a list of Amazon Affiliate-linked favorite books that I’ve written about or want to recommend.

For me having a BIG banner has been very cool because having that much space really helps me set the mood for my blog’s focus topic - beauty, and how important I feel it is, in my work and in all our lives.

The design task I’ve set for myself is complex because mine is both a personal and professional blog. I talk about my work and passion for design and creating hospitable space online, but I also speak personally about what drives me and what moves me, and the general tone is definitely intimate.

These two domains - personal & professional - have not traditionally mixed very well, and my challenge is to find the harmony that can be there between them. It doesn’t always work, and I imagine that reflects my own ambivalence about what it means to be a professional, but on the other hand there are already so many great professional blogs in my field (like yours!) and they do what they do so well that it doesn’t make sense for me to try and model myself after them.

Given that and my natural inclination towards reflection, I find I’m always having to go in and consciously underline the professional elements in my blog to give them more weight so people know I actually design websites and help people plan their online strategy. :-) I have a professional website but I haven’t updated it in ages, while my blog has all my latest sites and is much more immediate for me.

So, with all that I’m not sure I could pass your test - most of my first-time visitors probably have no idea what is going on when they land on my blog. :-)

Luckily many of them seem to like it and if they are my audience, they’ll explore and ultimately subscribe. If not, there’s probably not going to be much of anything there for them anyway, so I guess it’s all good. :-)

I recently found you through a link from one of the other blogs I read and I’m really enjoying your work - thanks for all your inspiration and practical support in this fabulous field we share (I’ve already subscribed to both your blog & newsletter!).

Warm Wishes,

Amy

Comment by Brad White on May 17, 2008 @ 11:54 pm

Thanks Chris. I really have enjoyed your blog and I am planning a new blog site for my new company. This article was very informative.
Brad

Comment by chrisbrogan on May 18, 2008 @ 6:42 am

Are there other design tips you’d add based on your own site’s design?

Comment by Kelly on May 18, 2008 @ 8:11 am

Chris,

I really like your blog’s design. The grey type works well here. A lot of studies have been done lately suggesting black-on-white is actually more fatiguing than a little less contrast, so I think you’re fine on that. The face is very easy on the eyes. Maybe a little larger type size might be nice… not much larger.

The colors overall… well I’ve linked to you in discussing your great colors, so no surprise, I love ‘em.

Though the Rockstars page probably doesn’t get a lot of use, it is a nice choice and avoids the politics of the blogroll, where if your tastes change you risk offending somebody by removing them. I don’t do either, but I do link out when appropriate. I comment around enough that folks know when I have great respect for their writing. ;)

I hope my About page is useful, I’ve certainly tried to keep it so. And an updated picture is great, too. I just redid mine last week.

Sidebars with too much going on drive me batty, and ads are usually the worst offenders. You do discreetly, prominently promote you, and I think that is key. It’s your blog, about what you do for a living. Why do I want “a word from your sponsors”? I don’t.

You become an authority to me over time, and the only promo I’m going to want in your sidebar is for more of you. Hmm… I may not be doing that forcefully enough. I should probably get to work on that!

Great post!

Regards,

Kelly

Pingback by On Making Your Blog Design Work For You on May 18, 2008 @ 8:19 am

[…] Make Your Blog Design Work For You […]

Pingback by WebTools For Teachers 05/18/2008 « WebTools For Learners on May 18, 2008 @ 8:32 am

[…] Make Your Blog Design Work For You | chrisbrogan.com […]

Comment by Jenny on May 18, 2008 @ 9:56 am

I saw this post linked from ProBlogger and I’m so glad I read it!

I have been working on a site redesign for the past week and you’ve really made me confirm or question some of my choices. For example, the header…I was on the fence about making it smaller or not and now you’ve helped me make a choice!

Great post, and keep up the good work!

Comment by Goddess Carlie on May 18, 2008 @ 9:57 am

This is a timely post as I need to update my layout - it was just a temporary one until i got a new one, but I have never gotten around to it.

In particular I liked the points about the thin header and to ad or not to ad. Definitely something to consider as I go layout shopping.

Comment by James Walker on May 18, 2008 @ 11:11 am

Hey Chris,

Great post! Extremely timely for me as I’ve just about reached the end of the road with the template I am currently using. Thankfully, I recently found a great person who will work with me to get something fresh. I have never thought of the thin header idea, and I like it. I’m a big fan of making the most of the screen real estate.

While the design isn’t rolled out yet, I’d really like to get your thoughts on the setup and content featured in the about me section. Any pointers you have would be greatly appreciated: http://www.prprescriptions.com

Comment by joe on May 18, 2008 @ 11:27 am

how are ways to make a simple blog?…i really want a simple one uncluttered etc?

Comment by Sarah on May 18, 2008 @ 11:30 am

The thin header is definitely something I need to reconsider. Thank you! I’m in the process of redesigning, but I have to say I like blogs that have categories on top instead of everything on the sidebar. I just think it looks more intentional, organized and easier to get to, esp if your blog has ads on it.

Comment by Nadine Touzet on May 18, 2008 @ 11:37 am

My own blogroll has grown into a Links and Resources page. I am more comfortable with the format, even though the standard WP Theme I use doesn’t make it as explicit as I’d wish it to be, or I’m not familiar enough with blogs yet.

I felt a little intimidated by your announcement of an ‘intentional’ design, until I realized that I have applied exactly the same approach. I want my blog to be exactly as I want it to be, even though I keep tweaking it. I consider it W.I.P.

Comment by Daniel Richard on May 18, 2008 @ 12:26 pm

Heya! Great timing on this topic about making your blog design work for ya. Got this link from Darren’s problogger site through his tweet.

Yeah my blog (Winning Everyone) had received a number of comments based on the design itself on the latest entry posted today: http://winningeveryone.com/money-wise/what-you-really-should-know-about-prosperity/

And the comments there were totally off the topic written in that blog entry. Haha. :D

I have a huge header which on its own is a link to the main page of the site, with a uber-big menu bar. Those two are almost the total opposite of the thin-header that you have written about. Yet again, they seem to fit nicely and adds to the color and brought in a dramatic effect to the site.

That’s like giving the newer viewers a “wow” experience before getting into the entries that are of a same high quality that’s expected from the writers.

The other two things I need to take note of is to make the site’s usability up another notch with the menu bar to be the main navigation on the blog, while the 2nd would be to bring in the blogroll feature in a neat way, either by adding them into the footer, or adopt the Rockstar approach that you use in yours. :)

Thanks Chris for this awesome pointers that you wrote in this entry! If you have Twitter, do find me there @Daniel_Richard or http://twitter.com/Daniel_Richard

Pingback by Make Your Blog Design Work for You | Simple Drops on May 18, 2008 @ 1:24 pm

[…] but then showing some design ideas from other sites as well. Why should blog design matter? Becread more | digg story addthis_url = […]

Comment by Jose Paul Martin on May 18, 2008 @ 1:53 pm

I guess you’re bang on with this article. Sites and not just blogs should be designed with a purpose in mind!

Comment by Ellis Benus on May 18, 2008 @ 2:59 pm

How do you feel about the blog archive?
Obviously you’ve got one.
Do your analytics say people use it?

I don’t understand why anyone would use it…
I’ve never once used one on a blog before.
Is it just me?

Pingback by Consistent Clients - Real Estate Marketing » Weekend Web 2.0 Wrap-up for May 18, 2008 on May 18, 2008 @ 4:07 pm

[…] great post that delves into blog design is by Chris Brogan, who blogs about community and social media. While it isn’t specific to real estate, it […]

Comment by Ken Stewart on May 18, 2008 @ 4:24 pm

Chris, great read. I really enjoyed the conversational tone in the article. It felt very inviting. I can’t tell you the number of times I have felt “turned off” or distanced by a blog on how to blog because there is this holier-than-thow attitude.

Being available and approachable is so important.

I was just commenting on Darren’s blog (which is where I linked over from) that it was odd timing reading this as I have been contemplating the yin and yang of form and function for the past few days at my blog, but more on the subject of technology and business, not specifically blogging.

However, the concepts are the same, and I really appreciate all the advice I can get!

Take care and I look forward to reading.

Comment by chrisbrogan on May 18, 2008 @ 4:38 pm

@Ellis - great question. In my case, I *just* posted a link back to most of my “best of” stories, so people used the heck out of that. But are they clicking older stories? Hmm. Not sure.

By the way, @IMNico from Snowy Day Design was who made my site so pretty. Top shelf guy from Argentina, who designs for a lot of the podcaster and new media crowd. : )

Comment by Mari Adkins on May 18, 2008 @ 4:49 pm

I always use blog archives - when I hit a site, if I like the first couple of posts I read, I delve back to see if this is a place I want to return to. :)

Thanks for the tip on @IMNico.

Pingback by Today’s 10 Blogosphere Quickies : INconstantIN.ro on May 18, 2008 @ 5:08 pm

[…] Make Your Blog Design Work For You. Chiar, tre’ să rescriu şi eu About-ul şi să îi şi poză. […]

Pingback by yuvarlak.net » Blog Archive » On Making Your Blog Design Work For You on May 18, 2008 @ 5:23 pm

[…] Make Your Blog Design Work For You […]

Comment by Dale Cruse on May 18, 2008 @ 5:31 pm

Thanks for the great tips, Chris. I’ve used several of the and have refreshed the appearance and content of my sidebar! Thanks!

Pingback by Heads Up Seven Up Blogroll - May 18 | GrandmasterB dot com on May 18, 2008 @ 6:17 pm

[…] Understanding the Blog Lifecycle To Prevent Common Downfalls (Guest post by Jeff / Buzzmyblog.com) Chris Brogan - Make Your Blog Design Work for You Zac Johnson - “Incredible” Build a Niche Store […]

Comment by Amy Lenzo on May 18, 2008 @ 6:20 pm

Great conversation… I’m enjoying this very much.

@Ellis - I use archives, especially if I’ve heard about a particularly good post from the blogger and it’s no longer showing on the front page. I guess a good search tool would work as well, but my interests might or might not line up with the blogger’s own sense of their “best of” selections.

@Daniel - I love your design too, and it’s another great example of a large header being used effectively. As all designers know, a graphic can be as valuable as text in conveying information, maybe more so. If one uses images effectively as you have done, there is no “waste of real estate” in using a large header. Thanks for bringing that p.o.v. to the conversation

Comment by Mark R. Hinkle on May 18, 2008 @ 6:26 pm

Chris,

I think your blog is one of the best designed blogs I have seen. I like the small header and you keep your most relevant content above the fold. I like the separate page for the blogroll as well.

Nice use of the WP Premium.

Regards,
Mark

Pingback by Daily Bookmarks 05/18/2008 « Experiencing E-Learning on May 18, 2008 @ 6:33 pm

[…] Make Your Blog Design Work For You | chrisbrogan.com […]

Pingback by The New Blog » Coffee on the Keyboard on May 18, 2008 @ 8:03 pm

[…] was inspired by Felicia Day’s “Flog” and Problogger, the thin header comes from a post on Chris Brogan’s blog, the heading style is cribbed from The […]

Comment by Shama Hyder on May 18, 2008 @ 8:35 pm

I will just add this Chris-

Be open to changing it! So many people pick a style and then just stick to it. I have changed my blog SO many times and will probably continue to do it. Testing is must!

Pingback by 8-Steps to a Blog Design that Works for You on May 18, 2008 @ 8:51 pm

[…] You can read more about making your blog design work for you over at chrisbrogan.com. […]

Pingback by links for 2008-05-19 on May 18, 2008 @ 9:30 pm

[…] Make Your Blog Design Work For You | chrisbrogan.com Everything I’ve done with my blog design is intentional. Why should blog design matter? Because you want your blog to serve the purpose you’ve built it to serve (tags: blog web design tips) […]

Comment by Aaron from Webpear on May 18, 2008 @ 10:14 pm

Nice Post Chris, a few of my thoughts

1. I use a thick header. My hope is to use header for important features such as RSS Subscriptions, Twitter Profile link etc. I personally feel that many pay more attention to header area that the side bar.

2. Problogger.net does not use a thin header. Its a thick header. Aren’t you including the banner ad area and logo?

3. I personally prefer a 1 column side bar. Its easier to scan info. Thats my view.

4. In my view ads don’t work well. I visit problogger.net every day, but never clicked on a single add yet!

5. I have a about page that details my profile. I also have a CONNECT page (I like to use the word connect Instead of Contact) for social networking.

6. I love the color schemes and spacing of your template.

Keep up the good work and stay in touch.

Comment by Matt on May 19, 2008 @ 2:01 am

Certainly some food for thought here Chris, I found on more than a few occasions I was going ‘thats a great idea, I should do that on my blog’.

Pingback by Blog design and the brand of me | alexlockwood.net on May 19, 2008 @ 2:43 am

[…] ‘brand-of-me’ approach to online reputation via blogs, posts, social media etc.I found Chris Brogan’s entry through a blog search, asking similar questions and turning them into practical advantage as an […]

Pingback by Just Blogging Info » On Making Your Blog Design Work For You on May 19, 2008 @ 5:17 am

[…] Make Your Blog Design Work For You […]

Comment by Jennae Petersen on May 19, 2008 @ 9:33 am

I’m a graphic designer by trade (mostly branding and print…not much web), and when I started my blog, I didn’t realize how different the blogosphere was. I started off with a boring 2-column design that I soon realized didn’t reflect my content or the likely sensibilities of my audience. Now, both my header and my page background reflect those. Considering my blog is about eco-friendly home decorating, I wanted it to be sophisticated and pleasing to the eye. And I think the color scheme definitely reflects that it is a labor of love.

I have a new 3-column design with 2 columns in the right sidebar. This has allowed me to put my RSS feed and newsletter subscription above the fold, while still being able to offer targeted ads to my readers. All of my ads are either about green living in various areas of life, or about home design and decorating — both which are very related to my content and therefore likely to interest my readers. And while my header is fairly deep, it’s not as deep as it was at first, and again, I think it reflects the content of my blog.

Pingback by Morning Brief — Monday, May 19 « The Book Publicity Blog on May 19, 2008 @ 9:39 am

[…] about starting a blog but wondering what it should look like?  Chris Brogan gives some tips including what to include in your “About” link, what to include in a blog roll, what […]

Comment by Theresa Zagnoli on May 19, 2008 @ 11:32 am

Chris - Great tips … definitely have some work to do on my site. Must say one of my favorite parts of your site is the dialogue icons for number of comments and the part about “joining in the discussion”. The top line comments icon is a nice graphic element that also facilitates response. Additionally, inviting readers to join in the discussion is more welcoming than the classic “leave comments”.

Pingback by Hail of a Day » Blog Archive » Make Your Blog Design Work For You on May 19, 2008 @ 12:25 pm

[…] Make Your Blog Design Work For You […]

Pingback by WinExtra » Who is the sidebar for? on May 19, 2008 @ 2:38 pm

[…] my sidebars and what I was using them for - who was benefiting from the content in them. Then today I read a post by Chris Brogan where he as well talked about the purpose of sidebars My sidebar then has a micro-biography, and […]

Comment by Tatiana Tugbaeva on May 20, 2008 @ 2:11 pm

Chris,
I loved your bio idea - I definitely need to work on mine. I also think that any blog design should reflect the personality of its owner. I’m currently using blogger.com as a publishing tool for my blog, so my options are kind of limited. But I was able to find a template that reflects my character very well.

Comment by freerangemom on May 20, 2008 @ 2:42 pm

One thing you neglected: use a larger font! There are those of us out there that are struggling to read your great copy because it is so itty bitty that I can hardly read it even with my ‘readers’ on.

Comment by Reconciler on May 21, 2008 @ 1:10 am

Hi,

this is very useful article. Thx for your time to write this post..

warm hug from here.
Trims.

Comment by Rachael Hampton on May 21, 2008 @ 10:02 am

Great post would love to hear your opinon of the differents of a website and blogs…

Comment by david johnson on May 21, 2008 @ 12:05 pm

great post, chris. thanks. i plan to share this with my students.

Comment by chrisbrogan on May 21, 2008 @ 10:21 pm

@Rachael -

I’ve got a few opinions.

hosted sites:

Blogger - basic, but still useful. Easy to edit all the code.
Wordpress.com - more attractive than blogger, but you can’t touch all the code.
Tumblr - decent if you add Disqus for commenting.
Typepad - I’m not a fan, but lots of people use it and love it. (I’m a fan of Anil Dash and Six Apart. But this is just a choice).
Wordpress.org - my choice. But then, my friends at Gimp.TV often tell me they love Movable Type much more, and if they do, there’s a good reason to keep it in the running.
Movable Type - see above.

Other platforms, like LiveJournal and Vox - all great places to be, and have their benefits.

Of them all, I’m a WordPress guy.

Comment by kristarella on May 22, 2008 @ 8:21 pm

Gregory – don’t you think Twitter might be better for promoting individual articles and a blogroll for sites you read regularly. Twitter is good for sharing links, I agree.

One last thing - definitely put your phone number on there. What’s the worst that could happen?

Heh, I’ve had some instances of people calling me up after advertising some books to sell and continue calling me… a lot. I’m older now and probably more capable of being firm, hanging up etc, but I’d rather people just emailed me. I guess this is more of a risk for females.

Chris – Great article. I just redid my blog and, funnily enough, wound up doing a lot of what you talked about. Fairly thin header, separate blogroll page (although I’m not sure if the link is a bit lost in the footer), did the about page a little while ago. My goals are a bit different to yours, but I think usability has some good common principles.

Pingback by Quick Links for bloggers and writers | Byzantine Roads on May 26, 2008 @ 2:37 pm

[…] Make your Blog work for you- Edit for design from Chris Brogan […]

Pingback by An Ethical Design Studio PARIS, LYON, NANTES Ardephwerk Graphic designer webdeisgner your problem solver Graphiste web designer Rachael Hampton. Multilingual, Multicultural and Multi- Disciplinary. » Are you a Wordpress, Typepad, Movabletype or Dotc on May 29, 2008 @ 4:52 am

[…] resources, you might want to check out the blog post of Chris Borgan on Blog Design. Indeed very good tips. Thanks Chris ! […]

Pingback by What to call your plan, your goals and marketing plan. on May 31, 2008 @ 7:24 am

[…] Make Your Blog Design Work For You [via Zemanta] […]

Comment by Brock on June 5, 2008 @ 10:10 am

I like the “not black but grey” text look, though I wonder if yours could benefit from being a teensy-bit darker. Overall, I really like your design. It is very pleasant to look at it.

Pingback by Dear Santa: A New Design Wishlist for Big Bright Bulb | Big Bright Bulb on June 6, 2008 @ 3:18 am

[…] Brogan wrote a thorough article on blog design worth checking […]

Pingback by links for 2008-06-16 | הבלוג של אח"י דקר on June 16, 2008 @ 4:34 am

[…] Make Your Blog Design Work For You | chrisbrogan.com כריס ברגן מסביר על איך העיצוב של הבלוג עובד בשבילו. מעניין ומחכים. (tags: blog design tips) […]

Comment by ranjeet on June 18, 2008 @ 12:09 am

useful informations

Comment by Stormy on June 18, 2008 @ 9:36 am

Chris,

Can you recommend a designer(s) that could help me do something like this?

Thanks,

Stormy

Pingback by Blog Tip Sharing Project 5: Blog Design | Playgroups are No Place For Children on June 21, 2008 @ 1:02 am

[…] Make Your Blog Design Work For You […]

Comment by Tawny Press on July 10, 2008 @ 9:11 pm

The layout of your blog is wonderful. So much information, yet is not overwhelming. It says it is based on theme by WP Remix, I would add loosely. SnowyDay Design did a amazing job at making it unique and branding it to you.

Comment by Must See Home Based Business on July 22, 2008 @ 7:43 am

After spending a lot of money on info products, and trying a lot of
different opportunities to make a full time income from home,
I found what I like, all rolled into one very attractive package.
Check it out at http://www.confettivacations.com

Comment by Brian Herman on August 11, 2008 @ 11:00 pm

Just discovered this post and really like it. Good advice and thoughtful questions. I love the fonts and colors you’ve chosen for your branding and your ideas of “what goes on top” are bang on. Thanks.

Leave a comment

(required)

(required)


FriendFeed had this many likes and comments: hide
View this post on FriendFeed
Liked by
  • Brent Newhall,
  • John Fleming,
  • Vince DeGeorge,
  • Todd Jordan,
  • Andrew Dobrow,
  • Nikpay
  • December 31, 1969 at 4:33 pm Todd Jordan
    Especially like the Rockstar pages idea

Add a comment on FriendFeed




Logged in as [logout]

Enter your email address to get the blog in your inbox. (I value your privacy):

Delivered by FeedBurner

  • About Chris
    Chris Brogan advises businesses, organizations and individuals on how to use social media and social networks to build relationships and deliver value.

    I work with:

    CrossTechMedialogo

  • Recent Posts
    • How to Do More With Less Time
    • Great PR Manners Go a Long Way
    • How Jive Software Sees Enterprises and Community Software
    • On Twitter and Listening
    • Are You a Vendor
  • FREE eBook
    free ebook
    Trust Economies (w/Julien Smith)

  • Blog Archives
    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • October 2005
    • September 2005
    • August 2005
    • July 2005
    • June 2005
    • May 2005
    • April 2005
    • March 2005
    • February 2005
    • January 2005
    • December 2004
    • November 2004
    • October 2004
    • September 2004
    • August 2004
    • July 2004
    • June 2004
    • May 2004
    • April 2004
    • March 2004
  • Contact Chris
    • blog at chrisbrogan.com
    • +1 978-885-1551
    • AIM: cbrogandotcom
  • Find me on LinkedIn
  • Search
  • Tag Cloud
    advertising Announcement Article b2b blogging blogs books business chrisbrogan community conference conferences customerservice email event events facebook google howto interview linkedin marketing networking podcamp podcasting pr Promotion rss sales search self-improvement socialmedia socialmedia100 socialnetworking socialnetworks SocialSoftware software Strategy technology twitter Uncategorized video videoblog writing youtube
  •  
  • Lijit Search
  • Upcoming.org Events
    More of chrisbrogan's events
  • freshbookslogo

Powered by Wordpress | Based on WP Premium theme by WP Remix. Customized by SnowyDay Design.
All contents Creative Commons licensed. chrisbrogan.com. Click here for rights info.