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.

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.

0
Shares

9 thoughts on “Plantilla para Blogger: Best Orange (versión mejorada)

    • febrero 6, 2014 en 5:36 pm
      Permalink

      Cada quien expresa lo que piensa de ello, pero también cada quien tiene gustos diferentes :-d

      Responder
  • febrero 6, 2014 en 11:37 am
    Permalink

    Jonathan me encanta el color de esta nueva plantilla tuya.
    Llevo en blogger más de lo que ellos dicen que llevo ¡a saber dónde andarán mis primeros post!
    Bueno, a lo que voy, que no hago más que cambiar de plantilla y no doy con la mía.
    Estuve unos días con la dinámica y la verdad es que se multiplicó por dos el número de visitas. Claro que aunque quiera ponerme moderna, a mi edad, mis visitantes no saben muy bien qué pasa con la entrada si solo hay fotos… @-)
    El caso es que no sé cómo hacer para que en las dinámicas no salgan tantas entradas ¿se puede reducir el número?

    Disculpa mi cháchara.
    Gracias y un saludo (k)

    Responder
    • febrero 6, 2014 en 5:40 pm
      Permalink

      Si lo que quieres es reducir el numero de entradas que hay en la pagina principal de tu blog, ve a Diseño, te sitúas en “Entradas” y le das clic en Editar y cambias el valor que se encuentra en Número de entradas en la página principal… Suerte :>)

      Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *