como poner fondo al titulo sidebar

hoy les enseñare a como ponerle fondo a titulo sidebar :) es muy facil sigue las instruciones son pocas :)
Poner un Fondo a los Títulos de la Sidebar, le dará a tu blog un toque
mas personal, sin decir que puedes hacer volar a tu imaginación con un
montón de colores y texturas con las cuales podemos experimentar.
Nunca debemos olvidar hacer una copia de la plantilla antes de cada
cambio que vayamos a hacer ya que un pequeño error puede significar un
gran cambio a la hora de guardar la plantilla y sobre todo si no
tenemos pericia en el tema, sin embargo no debemos tener temor ya que
con este simple paso podemos volver todo a la normalidad.
Lo primero que haremos es ir a la edición Html de la plantilla,
presionar F3 y saldrá un buscador, allí ponemos .sidebar h2 una vez
ubicado el código, lo reemplazamos por lo siguiente:
.sidebar h2{
background: url(URL-DE-TU-IMAGEN);
border: 1px solid #9CD2F6;
margin-bottom:15px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
Si lo quieres sin borde, quita: border: 1px solid #9CD2F6. Si quieres el
borde de otro color cambia #9CD2F6 por el color de tu elección. Si en
vez de una imagen de fondo quieres un color, debes
sacar url(URL-DE-TU-IMAGEN) y solo poner un color antecedido de un #.
Adicionalmente he puesto los textos centrados. Para ubicarlos a la
derecha deberás cambiar en center por right, y a la izquierda por left.
Está probado en las plantillas del diseñador de blogger, aunque cada caso pudiese ser distinto.
No hay comentarios:
Publicar un comentario