Sunday, August 10, 2008

Picture-copying test

Here's a photo from John, The Baltimore Snacker:
If you create a post and upload a single photo, you can click on "edit html" and see what that total chunk of picture code looks like.

The code for this photo looks like this:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e){}" href=""><img style="margin: 10px auto; display: block; text-align: center; cursor: pointer;" src="" alt="" id="BLOGGER_PHOTO_ID_5231504274167628706" border="0" /></a>

It's possible to use a photo from another Blogger site by simply copying the photo HTML from that post's source code.

Just find the jpeg you're looking for in the code and copy everything around it from <a onblur= ... to ... </a> and paste it into your post.

If you know how to mess with HTML, you can also change the size and switch the float from center to left or right. You can also alter the runaround.


John said...

You have to hunt for the name of the file and the associated < /a > and < a > tags, and it is a little work, but it does indeed work! Thanks - now let's hope that Blogger finds some way to rectify this so it becomes much easier to link to photos on other Blogger pages.

Kitt said...

If you mouse over the name of the photo, you can see what it's called, then just do a Find for that in the source code.