Como hacer y codificar los sidebares en un layout

Primero debemos saber que el sidebar consta de 3 partes:
Parte arriba, Medio y Parte abajo.
Medidas:
Arriba: 302x200
Medio: 302x43
Abajo: 302x223

Yo te recomiendo hacerlo PNG'S. Aquí te dejo las bases:

Son cuadradas, pero ustedes pueden hacerlas como quieran. Pueden editar los colores XD

Cuando ya lo hayan hecho, lo suben a Tinypic o a otro sitio. Yo, para encontararlo todo bien, lo subo a Blogger con el nombre que yo eligo para que sea más fácil de encontrar.

Veamos como se busca: (Abrimos Ctrl+F)

Parte del medio (es una para todos los sidebares): Buscamos: MedioSidebar

Parte de abajo (es una para todos los sidebares): Buscamos: SidebarAbajo

++Ejemplo:

Y lo cambiamos por tu URL de imagen. 

Y ahora, para poner los sidebares (la parte de arriba) Buscamos lo que queremos editar. Y cambiamos.

¿Facilillo? JEJE Bueno, recuerda que para una mejor búsqueda, antes de subir tu imagen, súbela con el nombre correspondiente.

Y para añadir más sidebares, ponemos esto debajo del último:

<Sidebar------------------------------------------------------>

<div id="sidebartop"><img src="URL IMAGEN" /></div>

<div class="sidebarbody">

<div align="justify" style="padding-left:30px; padding-right:30px;">

<center>

TEXTO

</center>

<br />

</div></div>

<div id="sidebarbottom"></div>

<End of Sidebar------------------------------------------------------>

Espero que os haya servido!! Besos!!

Siguiente Post---->>> Entradas