Cartel o aviso automático al pie de todas las entradas
Tal vez se te haya ocurrido el querer poner una imagen, una frase, un aviso o cualquier tipo de información al pie de todas las entradas de tu blog.
Si de da el caso de que así sea, sigue los pasos indicados en esta entrada y podrás obtener tu "caja de avisos".
Si de da el caso de que así sea, sigue los pasos indicados en esta entrada y podrás obtener tu "caja de avisos".
Diseño>Edición de HTML>expandimos artilugios
Busca esta línea:
<data:post.body/>
Y justo debajo añade lo siguiente:
<div id='balcart'>CONTENIDO</div>
Reemplaza CONTENIDO por cualquier cosa que muestro a continuación:
- Para incluir una imagen utiliza la línea: <img src='URL DE TU IMAGEN'/> y sustituye URL DE TU IMAGEN por la dirección del icono o la imagen [+].
- Para incluir texto simplemente sustituye CONTENIDO por la frase a mostrar.
- Para incluir un enlace utiliza esta línea: <a href='URL DE LA PAGINA'/>TITULO</a> y sustituye URL DE LA PAGINA por la dirección de la web o el blog, así como TITULO por el texto que llevará el enlace.
Si por otra parte, quieres agregar texto, imagen y enlace en el cartel, utiliza esto:
<div id='balcart'>TEXTO <a href='URL DE LA PAGINA'/>TITULO</a> TEXTO <img src='URL DE TU IMAGEN' style='margin:0px 0px 3px 3px; float:right;'/></div>
* Sigue las instrucciones anteriores para rellenar la caja de aviso.
Ahora busca la etiqueta ]]></b:skin> y encima añade el bloque de CSS necesario para aplicar el estilo:
#balcart {
background:transparent url(URL DE LA IMAGEN) repeat;
padding: 6px;
margin: 8px;
border: 2px solid #cccccc;
text-align: center;
}
En URL DE LA IMAGEN introduce la dirección de la imagen de fondo (opcional).
Si deseas aplicar un color de fondo en lugar de una imagen, borra transparent url(URL DE LA IMAGEN) repeat y pega el código de tu color favorito [+].
También puedes personalizar el grosor del borde (2px) así como su estilo (solid) [+] o el color (#cccccc) [+].
En caso de querer mostrar el cartel con otro aspecto, avísame y te ayudaré en lo que necesites.
0 comentarios:
Publicar un comentario
¡Gracias por comentar!