How to add Custom Image in footer of the blog?

In my previous tutorial we discussed about how to add custom header in blogger blog. That was straight forward thing as blogger provides facility for that. But we may wish to add custom image in footer of blogger blogger blog. It is pretty easy to do that. You need an account with image hosting site. You may use Google Docs or Photobucket. I will teach you using Photobucket. So if you are completely new to all this, first you will need to create account with Photobucket. See my tutorial Understanding Photobucket.

Once you have a photobucket account upload your image there.

Note: Please have the image of appropriate width. Those instructions are very clear here, I recommend you to see the screencast for better understanding.

Step 1 : Go to your blog dashboard and select the blog that you wish to edit.
Step 2 : Go to template and click Edit html.

Step 3 : Click proceed.

Step 4 : Scroll down to following code:

<![CDATA[
      body {
        min-width: $(content.width);
      }

You may use Ctrl + F to find this code. See the screencast for details.

Step 6 : Just after <![CDATA[ add following code:

footer {
background : url (URL where image is located);
}

Replace URL where image is located with the actual URL. See screencast.

Step 7 : Click save template. Now see your blog. You should see the footer image.

If you have any problems, please let me know in the comment section.