The Rolling Maul

How to put images into your sidebar using html code

I have been pushing the hosts to give us an image widget to enable us to put pictures in our sidebar but I have discovered that the text widget works for html. In order to get the html code for a picture/image it is necessary to open a free account with http://photobucket.com/ . Once this is done you can upload an image from your computer or there is a browser button if you use Firefox.

• Open a photobucket account
• Upload your picture
• Go to album
• Hang cursor over the selected picture
• Select html from the dropdown
• Copy
• Open your blog dashboard – appearance – widgets
• Drag and drop Text widget into your sidebar
• Paste this html code into your text widget
• Give it a title
• The code will look something like this

<a href=”http://photobucket.com” target=”_blank”><img src=”http://i874.photobucket.com/albums/ab309/powachair/imagesqtbnANd9GcT2lGlWAEyL-S5Vg2yui.jpg” border=”0″ alt=”Photobucket”></a>

• ·         NB The piece http://photobucket.com will redirect a click from your picture. You need to change that to a url of your choice like http://powachairblog.wordpress.com/ this must fit between the inverted commas “like this”
• ·         Your html will then look like this
• <a href=”http://powachairblog.wordpress.com” target=”_blank”><img src=”http://i874.photobucket.com/albums/ab309/powachair/imagesqtbnANd9GcT2lGlWAEyL-S5Vg2yui.jpg” border=”0″ alt=”Photobucket”></a>
• Save the widget and close it
• View your new picture complete with forwarding url and test drive the click

Enjoy making your blog look cool.