IMAGE BANNER LINK TO YOUR BLOGGER HEADER

This guide is about adding an image or picture to your Blogger Header to replace the Header Title, and to add a unique personal touch to your Blog.

At the same time, we would like to have a clickable Blogger Header so that anybody clicking on it will be brought directly to your Blog's home page.

For purposes of search engine optimization (SEO), we would include a text in the code so that the title of your Blog can still be read by search engine spiders despite your removing the Header text.

Next, you will have to enable additional Page Elements to your Header section. When you log in to your dashboard, and go to Template -> Page Elements, you should see an option for you to add a Page Element above your Header.Add picture without link to Home pageThis is simple.

If all you want is to have an additional picture or image above or below your Header text, click the “Add a Page Element” link and select “Picture” to upload the image from your computer. Save and refresh.

Add picture with link to Home pageInstead of uploading the picture, you will need to create a link. To do this, you need to have the picture uploaded somewhere. You can read about using free hosts like Google Page Creator and Google Groups.

Take note of the picture URL.Now that you have the picture URL, click “Add a Page Element” in your Header section and this time, choose “HTML/JavaScript”. The HTML code is as shown below:



Source: http://tips-for-new-bloggers.blogspot.com/