How to Add a Banner Link in the Footer. ~ The Blog Doctor.

How to Add a Banner Link in the Footer.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

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=""><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:, ,


Amik Amri Rahmadhi said...

I want to make a banner link but I can't because I don't know how to make it. Then, what should I do to put my link banner and its java script codes in my blog so other people can copy this codes? could you help me, Sir?

Vin said...

Amik Amri Rahmadhi,

First step is to have a banner picture ready on your PC. You can create one in a program like Paint on your PC.

Just Learn How to earn said...

Helped me....Thanks for the post

Metro Detroit Mommy said...

I'm having issues with my image in the Post Feed Footer showing up in Yahoo Mail programs. Any suggestions? Thank you!


Skip to top of post.

Search Blog Before Commenting


Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,


The Blog Doctor The Blog Doctor2 Blog Doctor Home


Tips On Blogger and Latest News.

Skip to top of post.