Tutorial: Imagen flotante en tu blog
Como podéis observar en la esquina inferior derecha del blog, hoy he realizado el cambio de añadir la simpática imagen de Homer Simpson como en Moskis.
¿Cómo podéis aplicar una imagen flotante en vuestro blog?
Muy sencillo:
- Lo primero es tener la imagen que queremos colocar, yo recomiendo que no sobrepase los 200×200 píxeles.
- Editamos la hoja de estilo de nuestra bitácora style.css, la plantila para los que utilicéis blogger. Añadimos las siguientes líneas:
#flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url( http://imagenparasubir.jpg) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
- Por último editáis el archivo sidebar.php y nos ponemos al final del todo, mientras que en Blogger buscamos dónde termina la barra lateral y añadimos el siguiente código:
<a id=“flotante”>Comenta</a>
Compártelo
Enlace por diseño
Esta iniciativa está fuera de servicio hasta que pueda dedicarle más tiempo al blog y gane un poco de popularidad.
Pensando como poder dar a conocer mi nuevo blog, he creeido que podría ser una buena idea realizar diseños para otros bloggers que enlazaran mi bitácora.La reglas del juego serían las siguientes:
- Solo realizaré diseños de headers (cabecera del blog), firmas o avatares.
- Para poder mantener un orden, solo podréis pedirlo cuando haya acabado el del anterior usuario.
- Entregaré el diseño en formato .jpg, .gif y .psd para que podáis realizar alguna modificación si lo deseáis.
¿Cómo puedo pedir un diseño para mi blog?:
- Postea en esta entrada un comentario con el enlace de tu blog, tipo de diseño (header, firma o avatar).
- Enlaza mi blog con el texto “David JG”.
- Empezaré con tu diseño. Espera a recibirlo, los iré posteando en esta entrada con su respectivo enlace de descarga para el .psd.
- Una vez terminado el intercambio de enlace por diseño, agregaré un link en esta entrada hacia tu bitácora.
Diseños realizados:
Den’s Blog
Den’s Blog v2
Estado –> Puedes pedir tu diseño en un comentario / Espera a que realice el diseño de otro usuario antes de tu petición
Compártelo
