Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to Change your Default Blogger Header

This article is one of the first articles in the series of articles regarding Blogger Tips and Tricks. There are so many tips and tricks I want to share, but let start with the basics.

If you’re new to blogging in Blogger, your given a choice of ready made templates when you setup your new blog. These templates are cool but, they have their own respective creators.

But there comes a time when you get bored of that given header and you want to make or design your own header. Here are the steps.

Pic 1. A Standard blog with a default header

The standard header section is 660 width in pixel (This can differ to different templates). So you must make a header with that width. For this tip I make it with Corel Draw. You can use other design tools too, you can even make it in MS Word. The point is after you make the header you have to convert it into a jpg format that is uploadable.

Making the Header Banner

To make your header look good an neat you can start drawing you header at any with you want, later your can reduce the pixel size to the required size of the header , in this case 660 pixel width.

Pic2. Use Corel Draw to design your header starting with a regular rectangle.

When designing your Header we have to consider the following (these are suggestions, you can follow them or not) :
  • The title of the blog is written clear
  • Put a tagline below your Title to give an idea of what’s in the blog
  • Put a picture that is associated with the blog title
  • Put the your web address.http or bla-bla for your visitors to remember your site.

After you have completed the design save it in jpg you will realize that the pixel size is above 1000 pixels (usually 1200 something), resample the size of the pixel using drawing tools. In this tip I used Corel Photopaint.

Pic 3. The design you've made in Corel Draw still in large Pixel width and saved as jpg file

Then open your jpg header with Corel Photopaint or other tools and convert it to a width of 660 pixel in width. We only have to adjust width because the height will follow automatically.At Corel photopaint, from the 'menu bar' go to Image > Resample



Pic 4. Converting Header Pixel width using Corel Photopaint

Then change it to 660 pixel in width. Then again save it. Remember to make sure the format is in jpg.

The Blogger Settings

After you've completed your header design. You can then login to to your blogger and go the layout section of your blogger dashboard.

Pic 5. Layout Section of Blogger Dashboard

Then click the Edit button in the Header Section to change your header settings. It will come out as seen below.


Pic 5. Layout Section of Blogger Dashboard
Pick Image from Computer and press 'browse' and search for your header file in your file directory that is in jpg and already shrunk to 660 pixels.
And for the Placement , pick 'instead of title and description'.
You can use shrink to fit , but I prefer shrinking it by program like mentioned above. After you uploaded your header it will show like below.

Pic 6. After upload of header picture
After that save this setting and then view your blogger blog and then 'wallaa....' you get your new and improved header.


Pic 7. Your new blog with your own designed header.


That's it folks. Other blog tips and tricks will follow. Stay tuned in. Thank you if you can find this useful for you.


Tresna
visit bandung



This post first appeared on Visit Bandung, please read the originial post: here

Share the post

How to Change your Default Blogger Header

×

Subscribe to Visit Bandung

Get updates delivered right to your inbox!

Thank you for your subscription

×