How to insert Banner Link to your Blog in each Post.

To Insert a Banner Link to your blog 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.

You can even upload the banner picture to Blogger. To do this click on Create Post and click on the Add Image icon in the top frame of the Post Editor.

NOTE :THE ONLY FILE YOU CAN UPLOAD TO BLOGGER IS A IMAGE FILE.

Choose the picture in your PC by browsing to it and upload it to the post. Now click the Edit Html tab in the top frame of the Post Editor. There you will see the code for the picture which will look like this :






You can extract the URL of the picture from the above code like this :

http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/PIC_NAME.jpg


Copy this and use it later. You can now save this post as a draft so that it is not seen by viewers.

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 :

Replace the second line above with this line :



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 Blog Posts section.

CHOOSE TEXT PAGE ELEMENT TO CREATE A PERMANENT MESSAGE ON TOP OF YOUR POSTS.

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 :

Your Blog Title

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 banner I have created at the top of this post.