Personalizar la Sidebar

La sidebar o columna del Blog esta definida por el codigo  .sidebar h2{  en nuestra plantilla, hoy aprenderemos como modificarla, para agregarle color de fondo o una imagen, bordes, centrarla e incluso si deseas cambiar el tamaño de la letra y el tipo. Para ello seguimos el siguiente procedimiento:

Entramos a Diseño/edicion de HTML/ y buscamos ]]></b:skin>

 Antes de el pega el siguiente codigo:

.sidebar h2{
background: #ffffff url(url_de_la_imagen) no-repeat right;
border: 1px solid #000000;
padding: 5px;

font-family: Tahoma;
font-size:12px;
text-align:center;
}

Los Caracteres resaltados en negritas son los cambios que puedes hacer:

Backgraound: color de fondo, si deseas tener en su lugar una imagen de fondo debes colocar alli la Url dela imagen.

border: Es el borde o las lineas que rodean el texto o la imagen

padding: Color del relleno

font-family: Tahoma; Fuente o tipo de letra
font-size:12px; Tamaño de la letra
text-align:center; Para ubicarlo en el centro, si quieres ubicarlo distinto cambia ese valor por left o right.

Imprimir artículo