How to add background picture to the sidebar

A blog reader asked about how to add background picture to the sidebar. This can be done. The first thing you need to do is to upload the picture to the Web, perhaps using the method outlined in this post Getting New Blogger to host the photo for your profile, sidebar, Header, etc. (click BACK button to get back to this page) or use a photo host like Photobucket

What you need to do to to sign into Dashboard, click LAYOUT, then click EDIT HTML and look for this block of codes:

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
background:
}

Type this into the block of codes:
url(photo URL);

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
background: url(photo URL);
}

You can see the result here: Dummies Test Blog. The links and wordings are a bit hard to see though because of the color. I probably have to choose another photo to demonstrate.