miércoles, 31 de marzo de 2010

Añadir texto informativo en el footer de un blog de Blogger

 Para añadir un texto informativo en el footer de un blog de Blogger --como el nombre del autor, la plantilla utilizada o las licencias--, lo primero que hay que hacer es buscar en la plantilla la línea de código donde está el encabezado de estilos #footer (/* Footer */) y añadir debajo de él otros dos nuevos: .author (para las propiedades de los datos del autor del blog) y .credits (para las propiedades de los datos de la plantilla utilizada). Este sería el código que habría que insertar en la plantilla (debajo del código resaltado en rojo):
#footer {
  width: 100%;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: none;
}.author {
  float: $startSide;
  padding-left: 20px;
  color: #b02b2c;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 10px
}

.credits {
  float: $endSide;
  padding-right: 20px;
  color: #b02b2c;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 10px
}
 Ahora vamos a Escritorio de Blogger → Diseño → Elementos de la página y añadimos un gadget en el footer con el siguiente código:
<div class="author">
AQUÍ AÑO ¦ <a href="http://AQUÍ URL del BLOG" title="AQUÍ TEXTO visible al pasar el CURSOR"><span style="font-size: medium;"><strong>AQUÍ nombre del BLOG</strong></span></a></div>
<div class="credits">
AQUÍ datos de PLANTILLA <a href="http://AQUÍ URL"><span style="font-size: small;"><strong>Blogger</strong></span></a></div>
 Utilizando el código de estos ejemplos, el texto de la información del blog aparecería a la izquierda del footer y el texto del tipo de plantilla a la derecha del mismo.


----------------------------------------------------------------------------------------------------------------------------------------------------------

No hay comentarios: