Cómo colocar una imagen flotante con opción de cerrar

Ya hemos visto cómo colocar una imagen flotante pero son muchas las personas que me han pedido también  el código para poder colocar una imagen flotante con opción de cerrar. Esta es una manera muy sencilla y sin necesidad de utilizar css u otros cambios a la plantilla. Basta con copiar y pegar el código.

<div id="anuncio" style="right:100px; bottom:0px; position: fixed;">

    <div align="right" style="margin-bottom:-30px;">

        <b><a href="javascript:closeit()"><font face="Courier" size="1">#CERRAR</font></a></b>

    </div>

    <br />

    <img border="0" src="Tu imagen aquí" alt="" /> <script type="text/javascript">

//<![CDATA[

    function closeit(){

    document.getElementById("anuncio").style.visibility = "hidden";

    }

    //]]>

    </script>

</div>

<div class="clear">

</div>

Lo que está en naranja es en donde podemos ajustar la posición de nuestra imagen.
Lo que está en verde es el texto que se mostrará, lo podemos cambiar por el que queramos.
Lo que está en rojo lo sustituyes por la URL de tu imagen. 

#CERRAR