Turner's Perspective

head_left_image

Pimp My Blog: Give Your Blog A New Paint Job

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 commentsJeff Turner • April 16 2007 04:21PM

Comments

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

Posted by Avion Realty over 3 years ago

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....

 

Posted by Martin Rodriguez - Senior Loan Consultant (Prospect Mortgage) over 3 years ago
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
Posted by Jay McGillicuddy~Real Estate Broker (Prudential Verani Realty) over 3 years ago
lol  Pimp my blog...... love it !!!!
Posted by Desiree Daniels (RE/MAX Tri County) over 3 years ago

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!

Posted by Jeff Turner (Real Estate Shows) over 3 years ago
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?
Posted by Asheville NC Real Estate- Homes on the Green Side over 3 years ago
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.
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
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!
Posted by Cynthia Sloop (Community Association Manager) over 3 years ago
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. 
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
I am constantly "repimping" my new blog...The Real Estate Sizzle...that's half the fun of this contest!
Posted by Jackie Colson-Miller,Tampa Real Estate www.RealEstateSizzle.com (The Toni Everett Company) over 3 years ago
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!
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
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...
Posted by Phillip Cross, ePRO REALTORĀ® - Relocation Spec (RE/MAX Acclaimed Realty) over 3 years ago
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.
Posted by Jeff Turner (Real Estate Shows) over 3 years ago

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.  

Posted by Andy Kaufman, East Bay Sales & Investments (Keller Williams Realty) over 3 years ago
Thanks, Andy!
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
Jeff,  Did someone mention code? Like Blaine Edwards and Antwan Merriweather used to say "Hated IT!"  I guess I need yet another blog... 
Posted by Gary Smith (Agent Marketing Today) over 3 years ago
LOL
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
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!!
Posted by Mary Pope-Handy, ABR, CRS, ePRO, SRES, ASP (Sereno Group Real Estate) over 3 years ago
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. 
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
I have found someone to help and I'm doing very well with my studies :)
Posted by "The Lovely Wife" (Broker Bryant's Wife) The One And Only TLW. (President-Tutas Towne Realty, Inc.) over 3 years ago
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.
Posted by Ben Kakimoto - Seattle Condo Specialist (John L. Scott - Seattle | Belltown) over 3 years ago

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 

Posted by Jeff Turner (Real Estate Shows) over 3 years ago
Thanks Jeff - that was a great demo video too.
Posted by Ben Kakimoto - Seattle Condo Specialist (John L. Scott - Seattle | Belltown) over 3 years ago
Thanks, Ben.
Posted by Jeff Turner (Real Estate Shows) over 3 years ago
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.
Posted by Lola Audu~Audu Real Estate~Grand Rapids, MI Real Estate over 2 years ago
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!
Posted by Jeff Turner (Real Estate Shows) over 2 years ago

Very cool - there are soooo many possibilities.

Posted by Monica Ray (JAM Media Group) over 2 years ago

Participate



(optional)
What does the graphic say?