project blogger logoPopular Wordpress blog themes are popular for a reason. They're good and they work. They're well written and come with the most features. But it also means lots of blogs will have the potential to look just like yours.

Julie Ferenzi's blog, Living In Plainfield, uses the Misty Look Theme by Sadish Bala. It is one of the top ten most downloaded themes for Wordpress. We chose this Wordpress theme for its clean look, wide post window and customizable header. But even after we changed the header, I would see other blogs using the same theme with the same basic color scheme. Changing the header graphic just wasn't enough to differentiate it.

Here is what it looked like before:

living in plainfield before

 
So, we decided to give it a new paint job.

The green hued theme is fairly recognizable. Several AR members have their other blogs in this theme and this color scheme. So, we decided to change to a new color palette by editing the CSS (Style Sheet) information. There are a number of places you can turn to for help in choosing a color scheme, CoulourLovers and Kuler are my two favorites. I actually subscribe to the Kuler's "Highest Rated" RSS feed. Yes, that's another sign that I'm a geek at heart. 

But I found another way to find at a good color scheme that I liked even better for this purpose - The Color Palette Generator. It reads the colors in an uploaded photo and generates a color scheme, compete with hex codes. We had already created a header image we liked, so I uploaded the image into The Color Palette Generator and it spit out the scheme you see on the graphic below.

color generator image

So, using those colors as the reference, we went in and edited the styles for her post headlines, the sidebar headlines and the sidebar links, as well as the overall background of the page. We actually mixed the dull and vibrant palettes. The change we made is subtle, but it does the job and the colors match perfectly with the main header image.

Here is the new paint job:

living in plainfield after

Editing CSS is not for the faint of heart. If looking at pages of code makes your head hurt, TLW [SVW], then find someone who can assist you. It won't cost you much. The actual CSS change took less than 5 minutes.  The time consuming part is usually coming up with the color scheme. But not this time. The Color Scheme Generator did it for us in seconds.

Try it with the main image from your blog and see what it comes up with for you. 

 

27 Comments on Pimp My Blog: Give Your Blog A New Paint Job

APR
16
2007

Cool Stuff!  It is amazing where technolgy is going!!

 Did you know, World Properties International has the best technology in the industry? Check us out at www.gotowpi.com

4:30pm • #1
4 Featured Posts

Hey Bling Master..   (didn't want to call you pimp) 

Thanks for the info. This is an area that I've been wanting to delve into, but have't done so yet.  I'm just barely understanding the basics on CSS, gotta crack that nut, next.

 I'll check out the kuler site and see if i can figure it out.... 

If you're gonna have a "pimped site" you gotta know how to design your own bling...

thanks
Martin..  

Ps.. How much do you charge per hour???  Ha ha.. Don't answer that....

 

5:16pm • #2
132,667 Points 14 Featured Posts Outside Blog
Jeff thanks for the info. I have the original Misty Look theme on Monika's wordpress and I had it too until I just changed it again to a different theme. My question is how did you get the header to fit that size. That has been my problem with trying to change that look. I like the picture but wanted my own instead and I can't seem to get it to fit. Oh well I'll keep trying. Thanks Jay
7:06pm • #3
238,669 Points 30 Featured Posts Localism Sponsor Outside Blog
lol  Pimp my blog...... love it !!!!
9:58pm • #4
448,204 Points 90 Featured Posts Outside Blog

Ron... I did NOT know that World Properties Internation has the best technology in the industry.

Martin... give me a diet coke next time I'm over and I'll show you.

Jay... hmm... you need an image cropped to 806 pixels wide by 190 pixels high. For whatever reason, the template cuts off about 25-30 pixels on the right hand side, so you have to plan for that, but the image must be that size for it to work. Do you have a program that will allow you to set your cropping aspect ratio?

Desiree... hey a guys gotta get his creative on somehow!

10:03pm • #5
343,269 Points 64 Featured Posts Localism Sponsor Outside Blog
Jeff..the artist in my is inspired but the techno-nillie is hoping for a simple "do"...let me know when that arrives, will you please?
10:10pm • #6
448,204 Points 90 Featured Posts Outside Blog
JaneAnne... I wish all templates came with an easy to edit main color widget as part of their template. A couple of them do, but most don't. It's unfortunate that getting into the CSS is so hard, because it would be very simple to provide simpler access to this stuff. Ahh... we can all dream.
10:24pm • #7
124,301 Points 7 Featured Posts Outside Blog
Thanks for showing how Julie's blog now looks.  While I don't know how you changed the picture from the Misty theme, I at least got an idea of what can be done with a Wordpress Blog and it made it easier to know what to look for in the administration page.  It's very impressive what's available, especially for free!  Again thanks, and Julie is very lucky to have you for a coach!
10:35pm • #8
APR
17
2007
448,204 Points 90 Featured Posts Outside Blog
Cynthia, there are literally thousands and thousands of wordpress themes. Some of them are very well designed. Since this is an open source project, some of them are not, but it's so simple to test a theme that the search is not the least bit painful. 
8:39am • #9
APR
18
2007
1 Featured Post Localism Sponsor
I am constantly "repimping" my new blog...The Real Estate Sizzle...that's half the fun of this contest!
10:35am • #10
448,204 Points 90 Featured Posts Outside Blog
Jackie, I couldn't agree more. We added a whole bunch of "hidden" features last night, including a wordpress plugin called obfuscate-email that hides email addresses from spam engines. It's brilliant and just the kind of bling I like!
10:45am • #11
Jeff, terrific input... Now to go and create that personal blog - after that I can "Pimp my Blog" You are correct, CSS is rather daunting at first however, it sure is more simple than inline HTML font structure...
10:54am • #12
448,204 Points 90 Featured Posts Outside Blog
Phil... you're right. Much easier. I always tell people to copy the original CSS file just in case they make a mistake, however. It's simple to just copy over the mistake and start again.
1:02pm • #13
APR
29
2007
2 Featured Posts

Jeff, you are the man.  Picking a color scheme is something that drives me nuts and I'm always looking for any tips I can get.

Thanks for another great post.  

8:55pm • #14
448,204 Points 90 Featured Posts Outside Blog
Thanks, Andy!
9:18pm • #15
3 Featured Posts
Jeff,  Did someone mention code? Like Blaine Edwards and Antwan Merriweather used to say "Hated IT!"  I guess I need yet another blog... 
10:07pm • #16
124,410 Points 22 Featured Posts Outside Blog
I haven't "pimped" mine once, let alone twice. I didn't know that blogs could be pimped ... one of my neices talked about "going pimping" and I about flipped, 'til she explained the slang to me.

Anyway, I didn't think the old Living In Plainfield looked bad at all. I'm sure the new one looks great.

The code is scary. Scary, scary, scary.

Good thing I'm doing this contest before my (computer proficient) son goes off to college!!
11:35pm • #18
MAY
01
2007
448,204 Points 90 Featured Posts Outside Blog
Mary... what's the expression? God is in the details. It wasn't bad before, but something was missing. And yes, code can be scary. I wish more template designers built color editing tools into their templates. The world would be a prettier place if they did. 
5:11pm • #19
MAY
06
2007
429,279 Points 72 Featured Posts Outside Blog
I have found someone to help and I'm doing very well with my studies :)
3:57pm • #20
12 Featured Posts
Jeff - just noticed this post.  What did you use for Julie's contact page.  Is that a plugin or did you code that yourself?  I  use WP-Contact and it's very limited.
4:29pm • #21
448,204 Points 90 Featured Posts Outside Blog

Ben... here is what we used: Wufoo.com. I wrote a post on it with a video. Link is below.

http://activerain.com/blogsview/75219/Project-Blogger-Has-Me 

6:12pm • #22
12 Featured Posts
Thanks Jeff - that was a great demo video too.
6:27pm • #23
448,204 Points 90 Featured Posts Outside Blog
Thanks, Ben.
11:00pm • #24
NOV
22
2007
301,000 Points 100 Featured Posts Localism Sponsor Outside Blog
Hi Jeff, I would not have had a clue what you were talking about here in April...but I guess you find stuff when you're ready for it.  Thanks for the links to these sites.  They're very helpful.  I'm still learning & trying to figure things out on wordpress.
8:11pm • #25
NOV
23
2007
448,204 Points 90 Featured Posts Outside Blog
Lola... what's the saying, "When the pupil is ready..." This is an oldly, but I liked the approach we took on this one. It made coordinating colors very simple!
9:16am • #26
MAR
10
2008
175,652 Points 6 Featured Posts Outside Blog Hit Router

Very cool - there are soooo many possibilities.

9:56am • #27

Leave a response…



(optional)
What does the graphic say?
 
Jeffblack800 Rainmaker_large

Jeff Turner

Santa Clarita, CA

More about me…

Real Estate Shows

Office Phone: (661) 244-5812

Email Me

Jeff Turner helps people grow their business through the effective use of emerging technologies. I am the President of Zeek Interactive and Founder of RealEstateShows.com. Father of 6. Husband of 1.

Active Rain Member Discount


Links

Archives

RSS 2.0 Feed for this blog