Plantilla Frau Theme

DESCARGAR      VER DEMO

Frau Theme

Frau Theme es una plantilla de gratuita para blogger, que dispone de:

Barra de navegación superior

Control deslizante

Sidebar

2columnas laterales

3 columnas en el pie de página ( footer)

SliderjQuery personalizable.

Optimizado para SEO

Muchos Widgets desde los de redes sociales como el Video del Día.

Velocidad de carga.

Configurar el menu de navegacion de encabezado

Para configurar el menú de navegación, tenemos que irnos a

Plantilla> Editar HTML> Ctrl+F

Y buscamos este código

<div class='hd-rightpbt'>

<div class='nav-menupbt' id='secondary-menupbt'>

<ul class='menupbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

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

<ul class='sub-menu'>

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

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

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

</ul>

</li>

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

<ul class='sub-menu'>

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

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

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

<ul class='sub-menu'>

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

</li>

</ul>

</li>

</ul>

</li>

<li><a href='#'>Parent Category</a>

<ul class='sub-menu'>

<li><a href='#'>Child Category 1</a>

<ul class='sub-menu'>

<li><a href='#'>Sub Child Category 1</a></li>

<li><a href='#'>Sub Child Category 2</a></li>

<li><a href='#'>Sub Child Category 3</a></li>

</ul>

</li>

<li><a href='#'>Child Category 2</a></li>

<li><a href='#'>Child Category 3</a></li>

<li><a href='#'>Child Category 4</a></li>

</ul>

</li>

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

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

<ul class='sub-menu'>

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

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

</ul>

</li>

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

</ul>

</div>

</div>

<div class='clearpbt'/>

</div>

</div>

lReemplace las marcas "#" con URL reales y cambie los textos de anclaje a su gusto.

Configurar el Slider

Para configurar el Slider nos vamos;

Plantilla> Editar HTML> Ctrl+F

Y buscamos este código

Tenemos 5 imágenes que podemos cambiar.

También podemos eliminar o añadir más.

Cambiamos:

Slide-1-Link-Here ( por la URL de la imágen)

<!-- featured post slider started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div id='sliderpbt'>

<div class='slidespbt'>

<!-- slide 1 start -->

<div class='slidepbt'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvwHVZLNQfkvNE8V6KaXF8FNCqQ4KdUPqeYJ9VD6eJ_1uqMbyjSwqNty2-JEffkCFs0acjFhsMsSBJhAlDaUXMfNf_w_QjKFjIKQ9pVGygTIe7vnGqutdgtzIbagEM0CUXbT0zsT8VRcQk/s1600/slide-1.jpg'/>

<div class='slide-metapbt'>

<a class='readmorepbt' href='Slide-1-Link-Here'>Read More</a>

<h3>Slide 1 Title Here</h3>

<div class='descpbt'>Slide 1 Description Here</div>

</div>

</div>

<!-- slide 1 end -->

<!-- slide 2 start -->

<div class='slidepbt'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0N9HDIokJEtZm-WEJF1W4jNBiAB3gXlxW-0pJ0fZbZFY3ICMT3pIYYE7wtjvYqK4TrjTjKvy1yTTt8drU-dDUZlR6ZivK4iuA_Xz2u-YdCP-BNuR2eT2qfT3N12FE2otmh8y_k0KHTmk/s1600/slide-2.jpg'/>

<div class='slide-metapbt'>

<a class='readmorepbt' href='Slide-2-Link-Here'>Read More</a>

<h3>Slide 2 Title Here</h3>

<div class='descpbt'>Slide 2 Description Here</div>

</div>

</div>

<!-- slide 2 end -->

<!-- slide 3 start -->

<div class='slidepbt'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXuH1EWL8w1zEFXiBpch367pdquvxgmB2Kdx_s0Z-3s2ltc5OYwa8C1aQ4cZDtXBsZ796Xrku6xVSTs4_Sm3h_uHbM_zJeKkEyoHl4QqwMWQj-xyPpYJ1OYHK3xlevvSYT6aJUyhmXQu2A/s1600/slide-3.jpg'/>

<div class='slide-metapbt'>

<a class='readmorepbt' href='Slide-3-Link-Here'>Read More</a>

<h3>Slide 3 Title Here</h3>

<div class='descpbt'>Slide 3 Description Here</div>

</div>

</div>

<!-- slide 3 end -->

<!-- slide 4 start -->

<div class='slidepbt'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_KZm5PHZhSUKey_8r6D0r8a3h9IX8EjSn0TUF6Yy3snsumXW16CCJSQA1Ee1qR9WY5RGnlka_3Fa_LN8GAYbeMeOw-Ux5QHCkNnu_79Qx6lcf4IKsDqQtlwJVo4jr4tKi7D62RoPM0N4/s1600/slide-4.jpg'/>

<div class='slide-metapbt'>

<a class='readmorepbt' href='Slide-4-Link-Here'>Read More</a>

<h3>Slide 4 Title Here</h3>

<div class='descpbt'>Slide 4 Description Here</div>

</div>

</div>

<!-- slide 4 end -->

<!-- slide 5 start -->

<div class='slidepbt'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqDK7b3f9ecaJxrbKpCWZLH2rh0rW2lIs4UTBkWAdpxiqQbOfqRT_AB1tGkwt5imRL6e8oCNFvyPyCqu5vVunOTg6saQzn8H82S8d-_A1U7CppNhkEOTLhllP3OkafLW7nepMWdpxXBvJq/s1600/slide-5.jpg'/>

<div class='slide-metapbt'>

<a class='readmorepbt' href='Slide-5-Link-Here'>Read More</a>

<h3>Slide 5 Title Here</h3>

<div class='descpbt'>Slide 5 Description Here</div>

</div>

</div>

<!-- slide 5 end -->

</div>

<div class='slider-previewspbt'/>

<div class='slider-arrowspbt'>

<div class='slide-leftpbt' title='Previous slide'/>

<div class='slide-rightpbt' title='Next slide'/>

</div>

</div>

<div class='clearpbt'/>

</b:if>

</b:if>

Ahora reemplazamos

"Slide-X-Link-Here"  con el enlace real de la imagen

"Diapositiva X Title Here" titulo de la imagen

"Slide X Descripción Here" descripción

<! - inicio de la diapositiva 1 ->

<Div class = 'slidepbt'>

<Img src = 'http: //3.bp.blogspot.com/-S9IXY3MFupU/U6F9nl6ES2I/AAAAAAAAKeA/8CLLq-THrHA/s1600/slide-1.jpg'/>

<Div class = 'slide-metapbt'>

<a class='readmorepbt' href='Slide-1-Link-Here'> Leer más </a>

<H3> Diapositiva 1 Título aquí </ h3>

<Div class = 'descpbt'> Diapositiva 1 Descripción Aquí </ div>

</ Div>

</ Div>

<! - slide 1 end ->

Configurar los botones de redes sociales

Encuentra esto en "Editar HTML":

<Div class = 'widget widget_lzsocialprofiles'>
<H2> Perfiles sociales </ h2>
<Div style = 'margin: 8px 0;'>
El código de los botones sociales va aquí ...
</ Div>
</ Div>

Agregue sus propios vínculos sociales que reemplacen las URL de perfil social actuales.

Importante !!!:

No elimine los créditos de pie de página. Esta plantilla Frau Blogger es gratuita para uso personal y comercial. Sin embargo, se le requiere mantener los enlaces de pie de página intactos que proporciona el debido crédito a sus diseñadores y autores

Fecha de lanzamiento: 19 de junio de 2014

Nombre del autor y URL: Lasantha Bandara / http://www.premiumbloggertemplates.com/

URL original del diseñador: http://lizardthemes.com/

Imprimir entrada