How to Add a Banner Link in the Footer.

To Insert a Banner Link in the Footer you must first...............

have a banner ready. You can create your own banner in an image editing program like I have done or go to an online banner generator. To find an online banner generator just type 'free banner generator' in Google's Search Box and hit Enter.

Once you have made a banner upload it to a free host like GooglePages. At present GooglePages offers 100 MB free space for hosting your files. After uploading it copy the Url of the image.

Log in to Dashboard of your blog and click on Layout. Click on Edit Html tab next to Page Elements tab below the Template tab. Do not put a check in the Expand Widget templates box. Scroll down in the Edit Template text box till you come to :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>

Replace the second line above with this line :

<b:section class='footer' id='footer' maxwidgets='3' showaddelement='yes'>

Save Template. Click on Page Elements tab. On Page Elements view you will now see a link to Add Page Elements has been added to the Footer section. Click on this link and a popup window will open with 12 choices. Choose the Html/Javascript option. DO NOT choose the picture option because that will only add a banner and not a banner-link. In the content section of the Add Html/Javascript window add the following code :

<a href="http://MYBLOG.blogspot.com"><img src="URL OF YOUR BANNER AT GOOGLEPAGES" alt="YOUR BLOG TITLE"></a>

Substitute MYBLOG with name of your blog, URL OF YOUR BANNER AT GOOGLEPAGES with the link of your banner you uploaded to Googlepages in Step 2 and YOUR BLOG TITLE with the title of your blog. Save Changes. Refresh Cache. View Blog.

See the Footer I have created at the bottom of this page.

Technorati Tags:banner link, footer, template