Don't know why, but blogger annoys me sometimes.

When you add an image to Blogger.com using the 'Add Image' button it makes your picture look weird like the one above. So go to 'Edit Html' after you have added the picture, you will see this:

<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" <href="

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMHK_vpwDJbEEk_7zwOYQ93LpsAG4479m7sON9nhEikw3LxCcTI9ZxAd1hG0wEXLVkkjG38DiQtbS14TBczMGTuZZVC7GyzRGYqJpZuRYUPWFInV7fYhTGv9GYeMpNAA4-d6fAXnwLLoM/s1600/shoes.jpg

"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 119px;" src="

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMHK_vpwDJbEEk_7zwOYQ93LpsAG4479m7sON9nhEikw3LxCcTI9ZxAd1hG0wEXLVkkjG38DiQtbS14TBczMGTuZZVC7GyzRGYqJpZuRYUPWFInV7fYhTGv9GYeMpNAA4-d6fAXnwLLoM/s400/shoes.jpg

" alt="" id="BLOGGER_PHOTO_ID_5482764516813593298" border="0" /></a>

It's not actually coloured or paragraphed like a bitch, I added those so you could see; Red = Full Size Picture and blue = gay little blogger preview.

If you change it to this:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMHK_vpwDJbEEk_7zwOYQ93LpsAG4479m7sON9nhEikw3LxCcTI9ZxAd1hG0wEXLVkkjG38DiQtbS14TBczMGTuZZVC7GyzRGYqJpZuRYUPWFInV7fYhTGv9GYeMpNAA4-d6fAXnwLLoM/s1600/shoes.jpg"
alt="why you breakin ma balls, blogger.com?" id="niggertits" />

It will be a normal picture! YAY.