Adding images to the blogger template

It's pretty easy to add images to a blogger post, but apparently tricky to add the them to a template. Actually, it's easy to add the image once you know where blogger stores it, just use the img element. But finding where blogger stores the image is a two step process.

1. Start a new post.


2. Click on the Add Image button.


3. Browse and find the image on your computer.


4. Click the Upload button


5. Switch the Edit Html view in the editor. (Look in the upper right hand corner.)


6. Adding the image will actually add some code that looks similar, but not exactly, like this;
   
   

   
   <a href="http://4.bp.blogspot.com/_vi8HfoevOdc/SHqd35vYMiI/AAAAAAAAAC4/yylR4tmAif8/s1600-h/delicious_32x32.png">
   <img id="BLOGGER_PHOTO_ID_5222660301607416354" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt=""
   src="http://4.bp.blogspot.com/_vi8HfoevOdc/SHqd35vYMiI/AAAAAAAAAC4/yylR4tmAif8/s320/delicious_32x32.png" 
   border="0" /></a>
   

   
   Look in the img tag, and find the src attribute. (Bold in the example). This is the path where your image is stored.
   



7. You can then cut/copy this URL and add it to an img tag in the blogger template.