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