Adding Header Graphic In Beta Blogger

A procedure for adding a clickable header graphic to your beta blog is described below. For other methods to add non-clickable header graphics, see code source link at the bottom of the post.

First, add a page element widget to header area. Sign into Dashboard. For the blog you want to modify, click LAYOUT, then click EDIT HTML. Then look for this block of codes in the template:



Change maxwidgets='1' to maxwidgets='4' (or any other number greater than 1) and change showaddelement='no' to showaddelement='yes'. (you may also leave out the figure in maxwidgets='' in which case the number of widgets you can add to the header is unlimited). So the section should now be:



Click SAVE TEMPLATE. Then click PAGE ELEMENT tab to go back to LAYOUT. You will see an extra "Add a Page Element" above the Header.

Second, add the header graphic element. Have ready the URL of the image. When you click "Add a Page Element", select "HTML/Javascript" and click ADD TO BLOG. Then type:



into the HTML editor. It will be good to type in some description of the image (image title) in between the quotation marks in alt="" as search engine cannot read images but can read the text in the alt tag. This will be an advantage to you if you want your blog to be easily found by search enginges. Another advantage is that if for any reason, the image cannot be displayed, instead of a blank box, the text withing the quotation marks will be displayed instead. The alt tag is optional and you may leave it out if you want. When ready, click SAVE CHANGES. Then in the LAYOUT, preview if you want, and click SAVE if you are satisfied.

This information was obtained from Testing Blogger Beta, Adding A Graphic To Your Blogger Header.