Log in to your Blogger.com account. For this example I chose to use one of the default templates, called “Minima Black”. The title of your blog is displayed in the header at the top of the page.
Step 2:
On your Blogger.com dashboard, click on “Layout”. You should now be looking at the panel under Template > Page Elements.
Step 3:
Click :Edit on the Header Element
Step 4:
A popup window should now appear. Here you can Change the title of your blog, add a description that appears under the title and upload a new header image.
Under “Placement”, you can choose between the the new header image appearing behind the title and description or replacing the title and description of your blog. A strange thing happens, though, after a moment, the “Placement” choice disappears, so once you have uploaded the new header image, you have to return to step 3 and open the popup again to change this setting.
Step 5 – The Header Image
What size should your new header image be?
An image with a width of 648 pixels fits perfectly in the header box. The height is up to you, but don’t make it too big. Something between 100 and 200 pixels should be fine! For this example, my header image was 150 pixels in height. There are mainly two reasons to keep the height of the image fairly small:
- Larger images take longer to load.
- A large header image will push your blog content further down the page.
If your new header image appears behind the title of your blog, I recommend choosing an image that is low in contrast and does not contain many different colours, else the title will be difficult to read! Choose an image that relates to the mood of your blog and “sets the scene”.
By clicking on Template > Fonts and Colours, you are able to choose a Blog Title Color and Blog Description Color. You could use this feature to make your header text more legible against the background image.
If you are skilled in editing images, why not create an image featuring your blog title in your favourite font? Then you can go back to Step 4 and set the image to appear instead of the blog title.
Step 6
All done! Sit back and take a look at your brand new header. If you want to change something about it, you can click “Customize” at the top of the page. This will take you back to the control panel we visited in Step 2.
reference:http://blogsolid.com/ideas/2007/bloggercom-custom-header/
0 comments:
Post a Comment