Code

<object><a style="position:fixed;top:30px;left:20px;" href="PAGE URL"><img alt="PAGE TITLE" border="0" onmouseout="this.src='IMAGE 1 (ORIGINAL IMAGE)'" onmouseover="this.src='IMAGE 2 (HOVER IMAGE)'" src="IMAGE 1 (ORIGINAL IMAGE)" /></a></object>

position:fixed; fixed means that the image will "follow" you when you scroll down the page - like a back to top button
change it to position:absolute; if you want the pages to be like cameras blog

top:30px and left:20px is the placement of the image. play around with this because only you can make it perfect

page url - self explanatory
page title - name of the page
image 1 - original image
image 2 - image when hovered

be sure to change both image 1's and good luck!!!! ^_^

CODE WITH NO FORMATTING

<object><a style="position:fixed;top:30px;left:20px;" href="PAGE URL"><img alt="PAGE TITLE" border="0" onmouseout="this.src='IMAGE 1 (ORIGINAL IMAGE)'" onmouseover="this.src='IMAGE 2 (HOVER IMAGE)'" src="IMAGE 1 (ORIGINAL IMAGE)" /></a></object>

CODE FOR SAME PAGES, JUST NO HOVER IMAGE

<a style="position:fixed;top:30px;left:20px;" href="BLOG LINK" title="PAGE TITLE"><img src="IMAGE LINK" /></a>