Add Background Picture to Header in CSS.

In Blogger you can directly upload a picture to the Blog Header. A few bloggers have been reporting problems with this method. Hence here is the old method brushed up for use with Classic or Layouts Template........REMOVE HEADER PICTUREThe first step is to remove the old picture. Sometimes the picture refuses to get removed. Then the first remedy is to clear the cache. Always use Firefox browser

Frame the Blog Header Image.

The Image you load in the Blog Header serves as a branding image for your blog. It is hence important that it should be loaded correctly and positioned properly at the top of your blog. Viewers will recall your blog better if you have a striking blog header image at the top.Recently many bloggers had complained about their header images shrinking. Blogger has introduced a fix which resizes every

Honey, Blogger Shrunk my Header!

Recently many bloggers have found their Blogger Header image shrunk down or in some cases disappeared altogether. While the Blogger Team is on the case and working out a fix here is a working solution.Previously the methods used to put images in the header varied from putting a picture page element in the header to adding a picture URL in the CSS code for the header. Since Blogger introduced the

How to Hide Blog Title, Description.

Your blog title and description is very important for search optimization. Search engines when indexing your blog use the title and description tags. Hence these are indispensable fields.However sometimes you may require to hide your Blog Title and description. The new option to upload images to Blogger Header gives you one option to do this while uploading an image to your header. If you are

Header Picture to Left, Title Description to Right in Header.

Ever since Blogger introduced uploading of pictures to the header through the Header Page element bloggers have been struggling with the arrangement of the picture in the header. In the upload dialog box Blogger gives the option of arranging the picture behind the Title and Description or in front of it.However after the picture has uploaded there is a problem in centering it. One solution is

Rounded Corner Headers for Blogger.

Here is the new header made from Cornershop utilizing rounded corner graphics CSS and HTML. See picture below:You can make your own corners complete with your choice of colors for the background and size. This will give a distinctive header to your blog which will stay in the visitor's memory and hence increase brand recall.............To design your own header visit the Cornershop site and

Picture In Blogger Header | Update.

Blogger has now introduced an easier way to put a picture in the Blog Header. Previously you had to either put in an image widget inside the header or put the link to the picture as a background property in the CSS for the header-wrapper. This required more manipulation of the template at the coding level. Instead now you can do this in the graphical interface of the Blogger Layouts............

Many Headers In One Blog.

Would you like your blog to show more than one header? Perhaps you want to show off your creativity? Maybe you are bored with having only one header? Here is a solution tried and tested in Firefox browser which can show as many headers as you want simply by hovering the mouse over some buttons..............I found this trick here and adapted it to suit the new layouts template but it can be

Feedburner Chicklet and Headline Animator.

You can modify the feedburner chicklet to display the colors you want in your blog. You can also tweak the code to change the text displayed. You can display the Headline Animator as your Blog Header. You will then have your header display the rotating headlines of your posts displayed in the blog header..........MODIFYING THE FEEDBURNER CHICKLETFirst you will have to register at Feedburner

Removing Title Not Recommended But Here Is The How To.

Many bloggers wish to remove the title header on their blogs because it is interfering with their customized headers. Removing the title is not recommended because search engines use it to index your blog but there is a workaround you can employ.........REMOVING THE BLOG TITLELogin to dashboard and click on Layouts for the blog you wish to remove the title of. Click on Edit Html subtab of

Add Header to Dots Template.

The Dots Template is the only one of two in the Blogger Collection which does not have a header at the top. It has a header placed at the top of the sidebar. The other one is the Simple II Template which is the last in the choices list. Here I have added a header at the top and removed the original one at the top of the sidebar.......First login to Dashboard and click on Layouts. This will

Clickable Headers for New Blogger.

Ye Olde Blogger had clickable headers which enabled viewers to return to the main page simply by clicking on the headers on any of the post pages. The New Blogger seems to have done away with this function by substituting navigation links at the bottom of each post. However the clickable header can be implemented in......two different ways in the New Blogger. You can have a title which is

Flash for Blogger.

Flash files can be embedded in your template or posts. Though it can slow down the loading of your blog.........you can use small flash files for your header as well as for navigation links within your blog. To do this first upload your flash file to a free host like Googlepages. If for some reason you cannot get an account at Googlepages you can create your own Google Group. This will give

Fixed Header for Blogger.

The standard blog has the header which scrolls upward along with the content and soon disappears from view. It is a rare connoisseur's blog which has a fixed header with the content scrolling upwards into it. This effect has the header always remaining in view thus imprinting itself in the viewer's memory........As an example I have hacked the new layouts of Blogger to reproduce this effect as

Free 3D Text or Banner for Blogs.

Make your own 3D Text or Banner for your blog..........A 3D text or Banner as a header for your site will go a long way to keeping your site/blog in the viewer's memory. The title presented as a cinemascope headline is much more effective then a plain text heading. See my heading above.The first step is to create the image. For this see the bottom of the right column of this blog where I have

How to Customize your Header?

To customize the header in a beta blog...........start with BACKING UP YOUR TEMPLATE as described in How to Change Template.The Blog Header in Beta blogs is described by two sections of code. The first section is in the CSS part of the template where the physical characteristics of the header are described. A sample header code in the CSS is given below :/* Blog Header---------------------- */#

How to add Picture to Beta Blog Header.

To add a picture to a Beta Blog Header............FIRST BACKUP YOUR TEMPLATE USING METHODS OUTLINED IN : Change your Template.Then Upload your picture to a free host like Googlepages which offers 100 MB free space. Copy the url of your picture and keep it. Most Useful Link in Beta Blogger is Download Full Template in Edit Html subtab of Template tab.Log in to Blogger Beta---->In Dashboard

How to put Adsense Link unit in your Header.

To put an Adsense Link Unit Ad. in the header..........Log in to your Dashboard. Click on your 'Layout' link under your blog name. This takes you to Page Elements under the Template tab. Click on Edit Html. Scroll down in Edit Template field till you come to :

Change the second line