En algún momento la plantilla de blogger dejará de ser tan gorra y vamos a poder.
Mientras tanto, se los compartimos para que puedan usarlo ustedes en sus blogs o donde gusten.
Paso 1) En el CSS copiar el código correspondiente a la esquina donde lo quieran poner:
/* esquina: inferior derecha */
a#fasoEsSalud {
position: fixed;
right: 0; bottom: 0;
display: block;
height: 80px; width: 80px;
background: url('http://www.fasoessalud.com.ar/imagenes/inf-der-b-fasoessalud.png') bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
/* esquina: superior derecha */
a#fasoEsSalud {
position: fixed;
right: 0; top: 0;
display: block;
height: 80px; width: 80px;
background: url('http://fasoessalud.com.ar/imagenes/sup-der-b-fasoessalud.png') top right no-repeat;
text-indent: -999em;
text-decoration: none;
}
/* esquina: superior izquierda */
a#fasoEsSalud {
position: fixed;
left: 0; top: 0;
display: block;
height: 80px; width: 80px;
background: url('http://fasoessalud.com.ar/imagenes/sup-izq-b-fasoessalud.png') top left no-repeat;
text-indent: -999em;
text-decoration: none;
}
/* esquina: inferior izquierda */
a#fasoEsSalud {
position: fixed;
left: 0; bottom: 0;
display: block;
height: 80px; width: 80px;
background: url('http://fasoessalud.com.ar/imagenes/inf-izq-b-fasoessalud.png') bottom left no-repeat;
text-indent: -999em;
text-decoration: none;
}
Paso 2) En el html, colocar arriba del todo en el <body> (antes que cualquier otra cosa) lo siguiente:
<a id="fasoEsSalud" href="http://www.fasoessalud.com.ar/psicoactividad.html#humor">Faso Es Salud</a>
Aprovechamos para invitarlos a enviar cualquier comentario o sugerencia, de algo que haya que agregar, sacar o corregir, y a compartirlo. Todavía está en construcción!
No hay comentarios:
Publicar un comentario