Plantilla FashionGlamour adaptada para Blogger.
Esta plantilla, esta dividida por dos barras laterales y un footer de tres columnas.
Dispone de un Slider JQuery, y menús desplegables.
 |
| DEMO DESCARGAR |
Cómo configurar los meta-tags:
Para ello nos tenemos que ir a Plantilla > Editar HTML.
Como ya he comentado en varias ocasiones, es posible que no se cree una copia de seguridad de algunos gadgets , lo cuales perderás.
Para ello nos vamos a :
Plantilla › Crear/Restablecer/copia de seguridad
Descarga una copia de seguridad de la plantilla.
Es posible que no se cree una copia de seguridad de algunos gadgets.
Descargar plantilla completa.
Ahora vamos a editar el HTML, donde debemos de buscar estos códigos:
<meta content = " descripción aquí " name = "descripción" />
<meta content = " Keywords here 'name =" Palabras clave "/>
Debemos de cambiar descripción aquí por la descripción de tu blog.
y Keywords here por las palabras clave que define a tu blog, separadas por comas.
Cómo agregar Favicon:
Para cambiar el Favicon, en nuestra edición de plantilla HTML; tenemos que buscar el siguiente código:
<link href = ' SU-FAVICON-URL rel' = 'icono de acceso directo "type =" imagen / vnd.microsoft.icon "/>
Ahora reemplace " SU-FAVICON-URL " con su dirección Favicon / url
Cómo configurar el contenido deslizante del día:
AhoraIr a la "plantilla" -> "Edición de HTML" de su blog.
Busca <!-- Featured Content Slider Started -->.
Desplazarse hacia abajo poco a poco y se puede ver cada diapositiva muestran códigos entre <div class = 'fp-toboganes-artículos'> y </ div> .
cambiar <div class = 'fp-toboganes-artículos'> y </ div>
Por la etiqueta que queramos.
Cómo configurar el Slider:
Para ello nos tenemos que ir a Plantilla > Editar HTML.
Buscamos:
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsM3leqWJfZKtVs-0Headcn_d_6zox7nH4q4IuhPtyDb4Nqzknh4wk110Gw_vaU_cw0rgvh3ftBCP9Jwczw6UJ8Y79xeX5QEU-gsCWIxiT7b75UWDAGbri-r1P2QSzmzxJJ6g7dztO6sQg/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</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>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4a0tVHSfQHzj_aRtZmeDi4evLTZ88R9hJ9_ytaWTIoVkMxJ7eazgP0eZ7d26HPTOuGAC1JI3IIDgBmS9oxkTSFlRLaoUK9x7bhJwHSY2LJmS-Z3BnEYSWUuYs4Zdoc-l-cIxskZn8nZ2/s0/2.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 2 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</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>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYER5Og-XrQ1pHLXjGgF3SdHioH2fC3LvRbiwZM8NrozVKAXuowE64GPrTxtEJlw6FfUdVTQj2NdNDJHiMEeKIZEYHrU2-2jfBE3x46YnPyTqHe2JlOAZsM5EaAyJm6OBveW8DnaHJkdm/s0/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 3 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</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>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJXlQmH56viAy3jgzmn3JxoCpqw011FAz4BQXZHKiqx8sTFOKXFp7lG4SiWKcNHZ3ED0_3CW22ZyPZUh6KtF4ma5BEu3heYSI0odLNeLRbcXTvEeaevhtztsUUZwrbSarNgsl4wQjiAt82/s0/4.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</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>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5vVLU1n9jkvU1CFJaw_cobL0efEj-AffPYJtQP12_Cv1f_e9e70FCH0VO4xojiP-u3wiYDLyG8JPe11FWzkipRDBLc3d9RX__2doSkQ7Rz-K3M1hlGS8XtKSeoyq1PMoNolsLbYWgMqe/s0/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 5 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</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>
<!-- Slide 5 Code End -->
</div>
<div class='fp-nav'>
<span class='fp-pager'/>
</div>
</div>
</div>
<div style='clear:both;'/>
</b:if></b:if>
<!-- Featured Content Slider End -->
Y en cada codigo cambiamos # por la URl que queramos y
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsM3leqWJfZKtVs-0Headcn_d_6zox7nH4q4IuhPtyDb4Nqzknh4wk110Gw_vaU_cw0rgvh3ftBCP9Jwczw6UJ8Y79xeX5QEU-gsCWIxiT7b75UWDAGbri-r1P2QSzmzxJJ6g7dztO6sQg/s0/1.jpg
por la imagen que queramos.
Para cambiar las pestañas:
Buscamos este código y cambiamos:
<Ul class = 'pestañas pestañas-widgets-widgets-widgets-themater_tabs-1432447472-ID'>
<li> <a href='#widget-themater_tabs-1432447472-id1'> populares </a> </ li>
<li> <a href='#widget-themater_tabs-1432447472-id3'> Blog Archives </a> </ li>
<li> <a href='#widget-themater_tabs-1432447472-id2'> Etiquetas </a> </ li>
</ Ul>
Buscamos este código y cambiamos:
# por la url de la pagina y
Blog Archives Nombre por el que nosotros queramos
No hay comentarios:
Publicar un comentario
Deja tu comentario y en breve te contestaremos