Have you been on ActiveRain for a while & wished that you could Jazz up your profile with some reall awesome graphics or picture?  Several members contact me regularly in complete frustration from trying to add a really great looking header to their profile. 

Have visited a blog &  come across a header that resembles one similar to this:

Bad Header Design

As you can see above, the photo I inserted does not even cover the whole bar & is so distorted & blown up that you really can't tell what it was.  So, I thought it was time to share with everyone how to design a really great looking header for your outside blog.  Granted, there are several ways to design a really awesome header, but for this exercise we are going to use a single photo.

There are so many different photo software programs you could use to create.  The key to making the process smooth & successful is using photo editing software you are familiar with. In the past I have used everything from Pro-Grade Adobe Photoshop to a cheap PC program called Microsoft Picture it 10.  In fact, my latest header was designed with a free online software program called Picnik.

How To Create an Awesome Header

The first thing you need to do is chose a photograph to work with.  You want to make sure that the photo you are working with is at least 960 pixels wide to start.  If not, things will become all distorted or not fill up the entire header box. Here is the original picture I chose to create my header.  The original size was entirely too large at like 1620 x 880.  So the next thing you will want to do is resize the photo to 960 pixels wide.

Myrtle Beach Sunset

After choosing a photo & resizing you will then need to make some cropping adjustments to the photograph.  The dimensions for your header need to be 960 pixels wide by 134 pixels high.  Most pictures are not going to fit these dimensions exactly.  In fact, 99% of the photos you chose are going to need to be cropped to fit properly.  So, what you need to do is open the photograph up in any photo editing software & find the cropping utility.  Enter the correct dimensions & move around the selected area to crop out the section of the photo you would like to use.

Myrtle Beach Sunset

Now that you have the photo cropped, you can either use that photo as is for your header.  Or if you want, you can add your logo or text onto the header.  Make sure if you are adding text that is a descriptive title & NOT Contact information.  All Your Contact info is on the side already.  If you place your email address or website URL people will become frustrated when they try to click on the header & it doesn't do anything they are expecting.

The Final Result?

My New Header

This is how it looks on my ActiveRain Blog

My New Header

Lastly, you can see it on my Outside Blog as well:

My Outside Blog

I hope this helps all of you that have been frustrated designing your blog header. For those of you who feel daring, you could using multiple photos like Debe Maxwell has on her blog. But process is much more complicated and advanced.

As always, do not feel overwhelmed by designing a Header!  This header was designed in less than 10 minutes time.  Also, Do Not Get Caught up on Photo Quality.   The photo I used was taken with my iPhone one evening while out on a bike ride through my neighborhood.  No fancy equipment, or editing software was used to enhance the photo.  I simply took the photo, did the simple steps in Picnik & uploaded.

So, now that you know how to jazz up your ActiveRain & Outside Blog, stop making excuses & get to it!

_______________________________________________________________________________________________________

If you would like to be a part of one of my upcoming Webinars to learn how to use your blog to increase your rankings in search engines as well as writing appealing posts to consumers, click here for more information.

Rainmaker Promo

Feel free to subscribe to my blog to keep up to date with my latest posts of tips & tricks to enhance your experience on ActiveRain. If you would like, you can sign up to receive updates via email directly in your inbox.

Also, lets connect on these great social networks:

Follow Me on Twitter   Follow Me on Facebook   Lets get Linkedin   My Outside Blog   Follow my Photo Stream on Flickr   Watch my Crazy Movies on YouTubeStumbleUpon

 
Post is included in group: "Whacked"!!!
Post is included in group: The Art Of Marketing You
Post is included in group: HELP/FAQ (Read 'Purpose Statement' Carefully!)
Post is included in group: Dedicated Bloggers
Post is included in group: Club Chaos

100 Comments on Jazz Up Your ActiveRain & Outside Blog with an Awesome Header!

AUG
02
197,316 Points 12 Featured Posts Outside Blog

I've found it very helpful if you first make sure the pixels are the right height and width (if possible within your software). That saves a lot of time!!

11:19pm • #1
131,674 Points Localism Sponsor Outside Blog

Thanks Jeremy,

      I now have one more thing to do.

11:21pm • #2

Thank you for this post.  I have been interested in creating a photo header and did not have a clue as to how to create one!

11:23pm • #3
586,753 Points 34 Featured Posts Localism Sponsor Outside Blog Hit Router

I like to throw a GIMP into the picture... I use that for the resize.  And I also try to make several at one time, so that I can swap them out every once in a while. 

11:31pm • #4
Outside Blog

Thanks for this advice Jeremy - lots to learn!

 

Rick

11:46pm • #5

      Great tips, Jeremey! Thanks for sharing. I'll try them out on my next blog post.

11:49pm • #6
AUG
03

Jeremy, Thanks for the great tips.  I have been wanting to work with the photo on my blog and this will make it easy.

12:42am • #8
538,119 Points 35 Featured Posts Localism Sponsor Outside Blog

960 x 134 ... those are the two numbers I needed. New header design is on this week's to-do list.

12:48am • #9

Thanks so much.  Once I find that great header photo I will know what to do.

12:53am • #10

Great Post, the information is greatly appreciated.

1:31am • #11
145,854 Points 4 Featured Posts Localism Sponsor Outside Blog Hit Router

Jeremy, you made it seem so simple.  Now I can't wait to try Picnik.

2:11am • #12
5 Featured Posts

Jeremy: nice post and helpful... I love picnik.com, it's a great easy and fast tool for getting images the right size quick. Thanks... RF

2:15am • #13
125,613 Points Localism Sponsor

Short, specific, detailed - I can work with this!  You have inspired my porject for the day, well, maybe the week.

Thanks,

Michael

4:49am • #15
328,666 Points 5 Featured Posts Outside Blog

I'm keeping this one for next weekends project. . thank you for making it look so easy. . 

5:36am • #16
612,445 Points 59 Featured Posts Localism Sponsor Outside Blog

I hate, hate, hate working with photos and my blogs show it.  I made a header for my first outside blog and it was OK...but I stopped using it. I need to work on this again.

5:48am • #17
286,284 Points 4 Featured Posts Outside Blog

Banner fans is also a great online tool to do headers buttons etc,its not hard if I can do it. Thanks for the tutorial as now I can send some links to your blog on this.

5:56am • #18
315,264 Points 11 Featured Posts Localism Sponsor Outside Blog Hit Router

Thanks for the very detailed information on outside blog headers!  I KNOW that this will help quite a few people!  I do like the multiple picture ones but just don't have the time or wherewithall to attempt it!

5:59am • #19
424,466 Points 81 Featured Posts Localism Sponsor Outside Blog Hit Router

Jeremy - Someone asked about this in a post just last week, and I mentioned Picnik to them but without your wonderful screen shots and step-by-step directions.  Since discovering Picnik, I've probably used it 5 times a week... and 5 times a day, occasionally.  Awesome tool and so easy!  I really need to update my outside blog - It has the original header, when it was a different size altogether, and this is a good reminder.  THANK YOU!

6:02am • #20
431,277 Points 47 Featured Posts Outside Blog

Nice job Jeremy. I can remember the days when all our blogs were the same visually!

6:30am • #21
590,185 Points 82 Featured Posts Localism Sponsor Outside Blog Hit Router

Jer...

Another great tutorial ... I need to update some of my graphics as soon as I get some time!

6:36am • #23
169,280 Points 6 Featured Posts Localism Sponsor Outside Blog

I've been following all your tutorials Jeremy and I love them. Time has not been on my side though as I have been so busy but I will make this change soon!

6:54am • #24
116,761 Points 3 Featured Posts

Wow Jeremy this is awesome - I've bookmarked for return...  Thanks for the great instructions!

6:59am • #25
250,059 Points 22 Featured Posts Outside Blog

I have this on my outside blog but no words over top I have to work on that.  Thanks for the tips.

7:02am • #26
6 Featured Posts Outside Blog

Jeremy,

Now I don't have to be intimidated in using some of the great new OB templates! This is awesome.

7:09am • #27
143,183 Points

Hi Jeremy, Good post. Thanks for sharing.

Best - Sash

7:17am • #28
Outside Blog

Hey Jeremy, thanks for the info, I will bookmark this for a future day.

David

7:41am • #29
386,700 Points 9 Featured Posts Outside Blog

Jeremy, Even though the customization page details size and all, your post is going to be helpful to a many people.. It really helps when you put the instructions into a tutorial post.

8:04am • #30
287,732 Points 4 Featured Posts Localism Sponsor Outside Blog

I've got to do something with my OB and maybe this will inspire me to do it myself. ;-) Thank you!

8:52am • #31

Ahh Bill- Those were the days!

Irene- Don't let them intimidate you!  If you get stuck, you know how to contact me!

Susie- What are you waiting for?  No Cowboy is gonna do it for you! :)

8:58am • #32
164,094 Points 1 Featured Post Outside Blog

Jeremy, I'm going to go back and add some text to mine. Thanks for the inspiration and tutorial.

9:44am • #33

Jeremy,

This is the blog I have been waiting for!  Thanks so much.  I have one on there now I may change but at least it looks normal!

Keep up the good work.................

9:59am • #34

Good job Jer, no wonder my 961 x 135 headers kept getting errors!!  LOL~  :-))

10:07am • #35
240,760 Points 5 Featured Posts Outside Blog

Jeremy,

Thanks for sharing this information. I worked at it the hard way before figuring it out.

10:41am • #36
116,376 Points 5 Featured Posts Outside Blog

Jeremy - Awesome information, now I just have to find a picture to use.  P.S.  Your I-Phone photo looks great.

11:12am • #37
171,322 Points 6 Featured Posts Localism Sponsor Outside Blog Hit Router

Thanks Jeremy for the tips. Now, if I ever want to change my header, I can do so with relative ease...remembering the 960 x 134 is no problem. Oh, yes, and Piknik is a wonderful program to use for adding text to pictures.

11:38am • #38
Outside Blog

I love decorative headers - I quickly uploaded one of a lavender field I took - I didn't even bother to change anything and it came through as this cool blurred version - but these are great tips for when I tweak it to fit my business a bit more.

11:45am • #39
337,402 Points 4 Featured Posts Outside Blog

Jeremy - cool, thanks for ths info. I have been going to ask my wife to make one for me but now I will try it myself.

11:49am • #40
147,826 Points

Thanks Jeremy, I always have troubles getting this right. I will play with it this afternoon.

Right, Brad, YOU having troubles with anything? LOL

1:51pm • #43
Localism Sponsor

THANK YOU, I've been wondering!

2:16pm • #44
Outside Blog Hit Router

Great stuff, Jeremy.  Now, with the backgrounds, we can all make our blogs look better!  This was a great help!

2:49pm • #45
117,579 Points 2 Featured Posts Outside Blog

Jeremy - you make it look SO easy! Pic from your iphone, really? You've got talent!

3:05pm • #46
2 Featured Posts Localism Sponsor Outside Blog Hit Router

Jeremy, thank you for this as I've been stumped on how to do it for my outside blog.

4:53pm • #47
1 Featured Post Outside Blog

Jeremy:

Great post and thanks for telling us how it is done.  Now I have to take the time and do it!!!! 

4:55pm • #48

Lana- It is really easy to do.  Mine took less than 10 minutes!

Kim- Yes, the photo was from my iPhone.  I couldn't believe how great it turned out!

 

5:28pm • #50

Ya know, I was just thinking about something.  It is a shame for those that are non Rainmakers on the network.  They miss out on some of the coolest features of our network!  Like having an awesome header on an outside blog.  Yes, they can have it on their ActiveRain blog, but unfortunately the public will never get to see it!

5:30pm • #51

Lanora Campbell, Senior Loan OfficerJeremy,

With your instructions I was able to create a great banner for my blog.  Thanks for your post.  Check it out:  Ozarks Mortgage Professional

I love picnik.com      Thanks again,

Lanora M. Campbell, Senior Loan Officer, Mid Nation Mortgage

5:36pm • #52
216,769 Points 3 Featured Posts Outside Blog

Jeremy Thank you sooooo much. I really appreciate this. Now I need to change my Outside Active Rain Blog. Great post.

 

6:47pm • #53
586,753 Points 34 Featured Posts Localism Sponsor Outside Blog Hit Router

Just remember, Jeremy... those that aren't RainMakers can just give me a call...

10:57pm • #55
AUG
04
1 Featured Post Outside Blog

Hey Jeremy:

I followed your instructions and now I have a header.  It needs some work but I now know what to do with it.  Thank you so much for the advice.  This was fun!

12:40am • #56
1 Featured Post Localism Sponsor

Funny to see this post.  After reading the other one, I did notice your nice header and thought I might think to update mine a bit...Can't say enough about Picnik! 

12:48am • #57
2 Featured Posts

Jeremy,

Thank you so much for posting this information and as always brilliant!

Best wishes

Sharon

4:01pm • #58
AUG
21
125,613 Points Localism Sponsor

Jeremy - 

I finally got the header done and up but am still missing the part about how to get script on top of the header.  Details?

Michael

5:36pm • #59
AUG
24

thanks, Jermy.  Enjoyed your instructions. Very straight forward.  Take care, Art

6:54pm • #60
AUG
28

Thanks so much...my new header looks great and was easy to create!

 

Cindy Roeschen

9:46am • #61

Thanks so much...my new header looks great and was easy to create!

 

Cindy Roeschen

9:46am • #62
SEP
08
445,582 Points 10 Featured Posts Outside Blog

jeremy you mightas well call me out by name.  I just haven't had time to spend on getting my header done right.  Too busy selling small houses.  I'll get send you a picture and can you get the active rain elves to take care of it tonight?

8:42pm • #63
Outside Blog

Jeremy- I'm on a road trip now and just took some beautiful pics.  This will give me an opportunity to try them on my outside blog.  Thanks for the new look and making it easy for us.

8:43pm • #64
1 Featured Post Outside Blog

Thanks Jeremy.  Will be nice to have a photo that is all across the top and not just to the left! So much to learn which is a good thing!            Gloria

8:51pm • #65
Localism Sponsor

This answers a question that I've been trying to figure out as I'm starting my outside blog...my header photo.  Thanks for the information.

8:52pm • #66
345,517 Points 3 Featured Posts Outside Blog

Or....Call Dave Daniels...an Active Rain member at FlyersTo You....and he will do it for you...Voila !

9:23pm • #67

Hi Jeremy,

Thanks for the info.  I'm definitely going to look into doing this myself for my blog.  Another question: How did you get the links to those other social networks to look like that?  Can you tell me, I'd like to do that.

9:49pm • #68

Jeffrey- My buttons at the bottom are all a part of ActiveRain's new auto signature feature.  You can read all about it here.  The actual buttons came from another website which you will find a link in the comments section of that post.

9:58pm • #69
Outside Blog

Perfect, I was wondering how some of these look so great. Now to find the time.

10:50pm • #70
356,495 Points 3 Featured Posts Localism Sponsor Outside Blog

I was fortunate enough to have some help getting mine set up some time ago.

11:17pm • #71
258,097 Points 2 Featured Posts Hit Router

Hi Jeremy -- This is a good reminder that I need to improve mine, and the specs helps a lot, thanks!

11:27pm • #72
Localism Sponsor Outside Blog

Great tip Jeffrey, I will have to look into making one of these. I do need to improve my header on my blog.

11:49pm • #73
SEP
09
347,129 Points Outside Blog

Great post and helpful as well -- thanks for making it all sound so easy.

2:59am • #74
Outside Blog Hit Router

Great information Jeremy. Thanks for the tips!

7:15am • #76
186,343 Points 7 Featured Posts Localism Sponsor Outside Blog Hit Router

Hey Jeremy!  Good stuff.  Thank you for the easy to understand tutorial!

7:19am • #77
289,778 Points 2 Featured Posts Outside Blog

OK, I must do this as I have the most boring header on AR. Thanks, Jeremy!

7:36am • #78
184,820 Points 1 Featured Post

Timely for sure.  I was thinking about this all week. 

Thanks for the psot today with the tips.

Patricia Aulson/portsmouth nh homes

8:47am • #79
130,868 Points 2 Featured Posts

Jeremy - thanks for this post. I have bookmarked it because I could not remember the post that Brad had done on this years back. Now I have the information I needed again. Thanks!

8:56am • #80
3 Featured Posts Outside Blog

Did I miss something?  How do I insert the header?

10:08am • #81

Thanks for the tip. I edited  a photo to use & that was easy. But, it doesn't go all the way across the header. It only fills up half the space. What gives?  And, I really don't understand how to insert text. Any more pointers that can help me with these details?

11:25am • #82

Thankyou for the directions! Can you tell me where I insert the header? I have the picture I just don't understand what to do with it now. Thanks!

12:01pm • #83
155,270 Points 5 Featured Posts Localism Sponsor Outside Blog

Great advice Jeremy! I was lucky to have ActiveBrad help me out with my header! I love it how easy it is to upload and to change out when I decide it is time for a new look!

12:26pm • #84

It definitely makes a big difference.  If your blog or website doesn't look professional (and capture the reader) then it doesn't represent you all that well.

12:47pm • #85
1 Featured Post

Great info! Being graphically inclined I figured it out with a little bit of effort a while back. I bookmarked this post for future reference though! Thanks!

--Kim

 

12:48pm • #86

Jeremy,

I actually have a question for you regarding the header.  I've noticed on my blog pages that the header never is completely aligned and there is always a space on the right.  In your blog your screenshot looks right but looking at your blog on my computer you have that same issue with the header not extending all the way across.  Is this just a matter of screen resolution? Is there a solution?

Thanks in advance.

12:52pm • #87
3 Featured Posts Outside Blog

Gayle - you would add text while you are editing the image in whichever software you used to crop the image. In PhotoShop, you would add a text layer over the photo. Hope that helps.

1:06pm • #88

Keith- Yes, the screen resolution will make a huge difference.  On some it may have a little bit of space.  However in order to get it to load properly on the network, make sure your image size is 960x134.

Gayle- I am working on a video tutorial of how to design one that should be up shortly.

1:24pm • #89
Outside Blog

I like it. It sure looks a lot better than the basic thing I made.

1:57pm • #90
185,844 Points Localism Sponsor Outside Blog Hit Router

Jeremy,m I remember when I first started AR and trying to do my header. Oh, what a headache. But Jesse Clifton from Fairbanks, Alaska provided me not just one but 4 headers.  I was just so amazed someone would help me and actually send me the headers.

When I got my outside blog, I redid my header...myself.  What an accomplishment.  I use Picnik.com and love it.

 

2:20pm • #91
319,342 Points 8 Featured Posts Outside Blog Hit Router

Jesse--thanks so much for writing this. You've inspired me to ditch my template header and work on this.

5:41pm • #93
656,814 Points 108 Featured Posts Localism Sponsor Outside Blog

Jeremy - I may give this another shot sometime. I used to have a great header that I loved, but it slowed down the load time of my blog tremendously.  I found out when I was forced to use a dial-up connection at my in-laws' house.

6:18pm • #94
161,572 Points 9 Featured Posts Localism Sponsor Outside Blog

Jeremy, *MWA*  You are a genius...you make it seem so easy!  I may just have to tackle this.  Thanks for the crystal clear step by step explanation.  Much appreciated :)

7:17pm • #95
161,572 Points 9 Featured Posts Localism Sponsor Outside Blog

Jeremy, *MWA*  You are a genius...you make it seem so easy!  I may just have to tackle this.  Thanks for the crystal clear step by step explanation.  Much appreciated :)

7:17pm • #96
SEP
25
422,424 Points 59 Featured Posts Localism Sponsor Outside Blog

I'm with Sis--you ARE a genius!  And, how long did MY header take?!  You know, I got a comment on one of my blogs about this post and VOILA!  Here I find you writing yet, another, awesome tutorial! 

Have a great weekend...

Debe in Charlotte

5:00pm • #97
OCT
08
Outside Blog

Jeremy I have followed the instructions on the video but the header won't load to my outside blog.

It keeps saying to try again later...any suggestions?

8:32am • #98
OCT
29
1 Featured Post Outside Blog

Hi Jeremy, I keep coming back to read your post. I really need to Jazz mine up!

4:58pm • #99
NOV
05

Jeremy, man this is just what I need.  I have been wanting to add a little "life" to my site and you have just given me the motivation to do it.  Thanks a bunch!!

2:25pm • #100
NOV
27
2 Featured Posts

I'm changing my header now, been on my to-do list for a couple of days now.  Thanks for the tutorial.

10:14am • #101

Leave a response…



(optional)
What does the graphic say?
 
Img_0012 Staff_large

Jeremy Blanton ActiveRain Corp.

Myrtle Beach, SC

More about me…

ActiveRain Corp.

Address: Myrtle Beach, SC, 29579

Cell Phone: (843) 222-9402

Email Me

Web Statistics

Myrtle Beach Golf Packages

_________________________

_________________________



Social Media Tips on Facebook

_________________________

Enter your email address to subscribe to my Myrtle Beach Real Estate Blog:

Delivered by FeedBurner

_________________________



Links

Archives

RSS 2.0 Feed for this blog

Find SC real estate agents and Myrtle Beach real estate on ActiveRain.