Adding a Banner or Floating Image

There are many uses for adding a floating image with a link to your site.  You can grab the attention of readers to a specific image no matter where they are on your page.

The code for this is very simple.

Step 1.
Go to your Dashboard
Under the Layout tab click on Edit html
Scroll down through the code until you find </body>
Right above that line of code, paste the following:

    <a style="display:scroll;position:fixed;top:5px;right:5px;" href="thelinkyouwant" title=""><img width="275" style="border:0" alt="" src="urllocationoftheimageyouwanttouse" height="180"/></a>
 You will most likely want to use a png, where the image has no background so it doesn't look sloppy on your page.  The red/green text in the code is important.  This is where you can tell where you want the image to go.  For example, you can place the image at the bottom/left instead. 

That is all!

No comments:

Post a Comment