Hace unos días tuve que poner un listón en la pagina de Pachuco Digital para anunciar que teníamos algunas ofertas de trabajo y encontré esta sencilla y rápida solución.
Paso 1 – Diseña tu listón
Crea un png de 170 x 170 pixeles con el diseño de tu listón.

Paso 2 – Agrega el código a tu CSS
Agrega el siguiente código a tu archivo CSS, usanto z-index 10000 nos aseguramos que siempre esté al frente.
#liston {
position: fixed;
top: 0;
right: 0;
z-index: 10000;
cursor: pointer;
}
Paso 3 – Agrega el listón a tu sitio
Agrega el siguiente código en cualquier parte delde tu sitio.
<a id="liston" href="http://www.ejemplo.com/" target="_blank">
<img alt="" src="RUTA AL ARCHIVO" width="170" height="170" />
</a>
Listo, en 3 sencillos pasos puedes agregar un sencillo listón a tu sitio para comunicar algo temporal.

Facebook Studio Edge