Plantilla para Blogger: Best Orange (versión mejorada)

Hace ya un tiempo les traje la primera plantilla que había diseñado, la publiqué y desde ese día e estado recibiendo algunos mensajes diciendo que la plantillas tenía errores, bueno no me molesté ya que es normal que este tipo de problemas ocurra la primera vez.

Ahora con un poco más de conocimiento acerca de lo que es HTML y CSS e logrado hacerle unos pequeños cambios a la plantilla, agregar y quitar algunos elementos de sobra y puedo decir que hice una versión mejorada.

Debo advertirles que para los que quieran descargar la versión antigua de esta plantilla, no podrán lograrlo ya que modifiqué el enlace de descarga y el demo por la razón de que tenía muchos errores en el código.

Descargar Demo

PERSONALIZACIÓN

Iconos sociales: Para la personalización de los iconos sociales que se encuentran en la parte superior, buscamos lo siguiente:

<div id='social'>
<a class='sprite-facebook' href='#Facebook' target='_blank' title='Síguenos en Facebook'/>
<a class='sprite-twitter' href='#Twitter' target='_blank' title='Síguenos en Twitter'/>
<a class='sprite-gplus' href='#Google+' target='_blank' title='Síguenos en Google+'/>
<a class='sprite-youtube' href='#Youtube' target='_blank' title='Suscríbete a nuestro canal'/>
<a class='sprite-rss' href='#RSS' target='_blank' title='Suscríbete a nuestro feed'/>
</div>

Reemplaza lo que se encuentra resaltado en rojo por lo que indica en cada caso.

Menú naranja: Para personalizar las distintas opciones del menú naranja, busca esto:

<div id='menuWrapper'>
<ul class='menu'>
  <li class='top'><a class='top_link' href='#'><span>Pestaña 1</span></a></li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 2</span></a><ul class='sub'><li><a class='fly' href='#'>Pestaña 2.1</a><ul>
<li><a href='#'>Pestaña 2.1.1</a></li>
<li><a href='#>Pestaña 2.1.2</a></li>
<li><a href='#'>Pestaña 2.1.3</a></li>
</ul>
</li>
<li class='mid'><a class='fly' href='#'>Pestaña 2.2</a>
<ul>
<li><a href='#'>Pestaña 2.2.1</a></li>
<li><a href='#'>Pestaña 2.2.2</a></li>
<li><a href='#'>Pestaña 2.2.3</a></li>
<li><a class='fly' href='#'>Pestaña 2.2.4</a>
<ul>
<li><a href='#'>Pestaña 2.2.4.1</a></li>
<li><a href='#'>Pestaña 2.2.4.2</a></li>
<li><a href='#'>Pestaña 2.2.4.3</a></li>
</ul>
</li>
<li><a href='#'>Pestaña 2.2.5</a></li>
<li><a class='fly' href='#'>Pestaña 2.2.6</a>
<ul>
<li><a href='#'>Pestaña 2.2.6.1</a></li>
<li><a href='#'>Pestaña 2.2.6.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Pestaña 2.3</a></li>
<li><a href='#'>Pestaña 2.4</a></li>
<li><a href='#'>Pestaña 2.5</a></li>
</ul>
</li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 3</span></a>
<ul class='sub'>
<li><a href='#'>Pestaña 3.1</a></li>
<li><a href='#'>Pestaña 3.2</a></li>
<li><a href='#'>Pestaña 3.3</a></li>
<li><a href='#'>Pestaña 3.4</a></li>
</ul>
</li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 4</span></a>
<ul class='sub'>
<li><a href='#'>Pestaña 4.1</a></li>
<li><a class='fly' href='#'>Pestaña 4.2</a>
<ul>
<li><a href='#'>Pestaña 4.2.1</a></li>
<li><a href='#'>Pestaña 4.2.2</a></li>
<li><a href='#'>Pestaña 4.2.3</a></li>
<li><a href='#'>Pestaña 4.2.4</a></li>
<li><a href='#'>Pestaña 4.2.5</a></li>
<li><a href='#'>Pestaña 4.2.6</a></li>
</ul>
</li>
<li><a href='#'>Pestaña 4.3</a></li>
<li><a href='#'>Pestaña 4.4</a></li>
<li><a href='#'>Pestaña 4.5</a></li>
<li><a href='#'>Pestaña 4.6</a></li>
</ul>
</li>
<li class='top'><a class='top_link' href='#'><span class='down'>Pestaña 5</span></a>
<ul class='sub'>
<li><a href='#'>Pestaña 5.1</a></li>
<li><a href='#'>Pestaña 5.2</a></li>
<li><a href='#'>Pestaña 5.3</a></li>
</ul>
</li>
</ul>
</div>

Lo coloreado en amarillo y verde vendrían a ser las subpestañas del menú, lo pintado de rojo es el titulo del menú y debes reemplazar el aspa azul por el enlace que llevará aquella opción.


Cualquier duda o sugerencia con respecto a esta plantilla, no olvides dejar un comentario.