martes, 5 de abril de 2011

Agregar créditos a las plantillas

Si tenemos una plantilla diseñada por nosotros, lo mas seguro es que querramos agregar algún crédito al final de nuestro blog.


En este caso, podríamos agregarlo mediante un gadget. Damos click a Diseño - Elementos de la página - Añadir un gadget y HTML/Javascript.

Ahí podemos pegar el siguiente código, agregando más enlaces si deseamos:

<a href="http://ELBLOG.blogspot.com/">NOMBRE BLOG©</a> :: Diseñado por <a href="enlace-a-nuestro-perfil">Autor</a> :: <a href="http://página">Política de privacidad</a> :: 2010

Por otro lado, si la plantilla que diseñamos es para que otras personas puedan descargarla y utilizarla, lo mejor sería agregar los créditos directamente en la plantilla. Para esto hacemos lo siguiente:

1.§ Vamos a Diseño - Edición de HTML y buscamos </body>.

2.§ Antes de </body> pegamos el siguiente código:
<div id='credito'>
<div id='cred'><a href="http://ELBLOG.blogspot.com/">NOMBRE BLOG©</a> :: Diseñado por <a href="enlace-a-nuestro-perfil">Autor</a> :: <a href="http://página">Política de privacidad</a> :: 2010</div>
</div>

3.§ Con el id que le hemos dado, podemos agregar algunos estilos al texto, a los enlaces (para destacarlos) o agregar un fondo distinto a esa parte de nuestro blog. Para ello, buscamos ]]></b:skin> y antes de éste, agregamos los siguientes estilos:
#credito{ /*Para dar fondo o borde a la sección de créditos */
background: #CCF94F;
border-top: 2px dashed #5BDAF3;
height: 20px;
padding: 10px 0;
}

#cred { /*Color del texto y alineación */
color: #BAAD83;
text-align: center;
margin: 0 auto;
width: 600px;
}

#cred a { /*Color y estilos de los enlaces */
color: #0A938B;
}

En lugar de un color de fondo, podríamos agregar una imagen si así lo queremos.

4.§ Damos click en Vista previa y si toda esta bien, guardamos los cambios.

No hay comentarios:

Publicar un comentario