CONFIGURACIÓN BÁSICA DE LA PLANTILLA
1. Como Instalar una Plantilla2. Como configurar el logo3. Codigos cortos de Plantillas Plus4. Como modificar los creditos


MENU PRINCIPAL

  • Para el menu Principal, busca el siguiente codigo para modificar, cambiado el de color azul a tu gusto.
<ul class='menus menu-secondary'>
  • Del siguiente codigo tienes que modificar las letras azules y colocar las urls de tus publicaciones en el # 
<li><a expr:href='data:blog.homepageUrl'>Inicio</a></li>


<li><a href='#'>Desplegable</a>
<ul class='children'>
<li><a href='#'>Desplegable 1</a>
<ul class='children'>
<li><a href='#'>Sub Desplegable 1</a></li>
<li><a href='#'>Sub Desplegable 2</a></li>
<li><a href='#'>Sub Desplegable 3</a></li>
</ul>
</li>
<li><a href='#'>Desplegable 2</a></li>
<li><a href='#'>Desplegable 3</a></li>
<li><a href='#'>Desplegable 4</a></li>
</ul>
</li>

<li><a href='#'>Desplegable 2</a>
<ul class='children'>
<li><a href='#'>Desplegable 2.1</a></li>
<li><a href='#'>Desplegable 2.2</a></li>
<li><a href='#'>Desplegable 2.3</a></li>
<li><a href='#'>Desplegable 2.4</a></li>
</ul>
</li>

<li><a href='#'>Video</a></li>

<li><a href='#'>Noticias</a></li>

<li><a href='#'>Configuracion</a></li>

<li><a href='#'>Descargar Plantilla</a></li>

CARRUSEL DE IMAGENES
  • Busca el siguiente codigo del carrusel de imagene.
<div class='fp-slides-items'>
  • Aca te muestro todo el codigo, simplemente coloca la url de la imagen jpg y puedes modificar el titulo y la descripion.

<!-- CARRUSEL DE IMAGENES 1 -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='URL DE IMAGEN JPG'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Este es el título predeterminado de la diapositiva 1</a>
</h3>
<p>
Vaya a Blogger editar html y encuentre estas oraciones. Ahora reemplace estas oraciones con sus propias descripciones. 
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- FIN DEL CARRUSEL DE IMAGENES 1 -->

  • Son 5 imagenes de carrusel, has lo mismo con los otros, tambien puedes agregar mas cuantos quieras.


REDES SOCIALES

  • Busca el siguiente codigo para colocar tus urls de tus redes sociales.
<h3 class='widgettitle'>Redes Sociales</h3>
  • Aca te muestro todo el codigo de las redes sociales, simplemente coloca tus urls dependiendo del nombre, o puedes borrar los que no tengas.
<a href='#' target='_blank'><img alt='Twitter' src='http://4.bp.blogspot.com/-obGgVxTENSA/UYMOaUrggMI/AAAAAAAAIFI/WAjBaiyCS7c/s000/twitter.png' title='Twitter'/></a>

<a href='#' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/-VU1Qrv17vG8/UYMObfCxSkI/AAAAAAAAIFQ/9fXtxrKST3k/s000/facebook.png' title='Facebook'/></a>

<a href='#' target='_blank'><img alt='Google Plus' src='http://4.bp.blogspot.com/-Vr_Fc_Iaoxo/UYMOdCwxdnI/AAAAAAAAIFY/3heJ5pL6148/s000/gplus.png' title='Google Plus'/></a>

<a href='#' target='_blank'><img alt='LinkedIn' src='http://1.bp.blogspot.com/-aKwlCje6edg/UYMOfOfQ5XI/AAAAAAAAIFg/rmQlElgrCNM/s000/linkedin.png' title='LinkedIn'/></a>