Blogger Template: Retro Chic
Publicado por Claudia en febrero 2, 2011
Si para algunos Retro Chic es familiar, es porque era el theme que usaba antes en mi blog personal. Ahora es una plantilla pública para Blogger, ideal para blogs de féminas.
DEMO | DESCARGA Retro Chic (2874)Características:
- Plantilla de ancho fijo de dos columnas
- S3 slider incorporado, fácil de configurar
- Caja para banners de 468×60 (o para poner otras cosas)
- Soporta las últimas funciones de Blogger
- Incluye logo PSD
Instructions – Instrucciones
Setting up the slideshow
Configurando el slider
Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:
<b:if cond="data:blog.pageType != "item"">
<b:if cond="data:blog.pageType != "static_page"">
<div class="crosscol">
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="http://1.bp.blogspot.com/_V-IXTBBt1Bg/TT3BKAQf4VI/AAAAAAAACIc/yc2Fci7MsAU/s1600/1.jpg">
<span><strong><a href="#">Blockquote</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://4.bp.blogspot.com/_V-IXTBBt1Bg/TT3BPex5oeI/AAAAAAAACIg/wxDjMpijWPI/s1600/2.jpg">
<span><strong><a href="#">Duis non justo nec auge</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://3.bp.blogspot.com/_V-IXTBBt1Bg/TT3BS0tEAUI/AAAAAAAACIk/_U81_k2gPR8/s1600/3.jpg">
<span><strong><a href="#">Vicaris Vacanti Vestibulum</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://4.bp.blogspot.com/_V-IXTBBt1Bg/TT3BXOu7e4I/AAAAAAAACIo/HLoC6McB_pc/s1600/4.jpg">
<span><strong><a href="#">Vicaris Vacanti Vestibulum</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://1.bp.blogspot.com/_V-IXTBBt1Bg/TT3BZ8VavzI/AAAAAAAACIs/-mC1ubAPs20/s1600/5.jpg">
<span><strong><a href="#">Vicaris Vacanti Vestibulum</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<div class="clear s3sliderImage">
</div></ul>
</div>
</div>
</b:if>
</b:if>
In that code, you must replace every image by your new image link. Every image must be 570px × 280px. You can also link your featured post and replace every description by yours. You can also remove the whole code if you want.
En ese código, debes reemplazar cada enlace por el enlace directo a tu nueva imagen. Cada imagen debe ser 570px × 280px. También puedes poner los enlaces a tus posts destacados y reemplazar las descripciones. También puedes remover todo el código si no quieres que se muestre el slider.
Posts relacionados
Compártelo!
Si para algunos Retro Chic es familiar, es porque era el theme que usaba antes en mi blog personal. Ahora es una plantilla pública para Blogger, ideal para blogs de féminas.
DEMO | DESCARGA Retro Chic (2874)
Características:
- Plantilla de ancho fijo de dos columnas
- S3 slider incorporado, fácil de configurar
- Caja para banners de 468×60 (o para poner otras cosas)
- Soporta las últimas funciones de Blogger
- Incluye logo PSD
Instructions – Instrucciones
Setting up the slideshow
Configurando el slider
Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:
<b:if cond="data:blog.pageType != "item"">
<b:if cond="data:blog.pageType != "static_page"">
<div class="crosscol">
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="http://1.bp.blogspot.com/_V-IXTBBt1Bg/TT3BKAQf4VI/AAAAAAAACIc/yc2Fci7MsAU/s1600/1.jpg">
<span><strong><a href="#">Blockquote</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://4.bp.blogspot.com/_V-IXTBBt1Bg/TT3BPex5oeI/AAAAAAAACIg/wxDjMpijWPI/s1600/2.jpg">
<span><strong><a href="#">Duis non justo nec auge</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://3.bp.blogspot.com/_V-IXTBBt1Bg/TT3BS0tEAUI/AAAAAAAACIk/_U81_k2gPR8/s1600/3.jpg">
<span><strong><a href="#">Vicaris Vacanti Vestibulum</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://4.bp.blogspot.com/_V-IXTBBt1Bg/TT3BXOu7e4I/AAAAAAAACIo/HLoC6McB_pc/s1600/4.jpg">
<span><strong><a href="#">Vicaris Vacanti Vestibulum</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<li class="s3sliderImage">
<img src="http://1.bp.blogspot.com/_V-IXTBBt1Bg/TT3BZ8VavzI/AAAAAAAACIs/-mC1ubAPs20/s1600/5.jpg">
<span><strong><a href="#">Vicaris Vacanti Vestibulum</a></strong>
<p>Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.</p>
</span>
</li>
<div class="clear s3sliderImage">
</div></ul>
</div>
</div>
</b:if>
</b:if>In that code, you must replace every image by your new image link. Every image must be 570px × 280px. You can also link your featured post and replace every description by yours. You can also remove the whole code if you want.
En ese código, debes reemplazar cada enlace por el enlace directo a tu nueva imagen. Cada imagen debe ser 570px × 280px. También puedes poner los enlaces a tus posts destacados y reemplazar las descripciones. También puedes remover todo el código si no quieres que se muestre el slider.
20 Comentarios
que lindo! me gusta más que el que tengo ahora…pero de pensar en volver a configurar todo lo que le he metido, me desanimo
Y que paso con tu blog personal Clau?
Me da gusto que nuevamente vas actualizando este blog n_n
[...] This post was mentioned on Twitter by Claudia, Christian Cabrera. Christian Cabrera said: Blogger Template: Retro Chic http://ff.im/-xhAwb [...]
Genial tus post, a ver si me animo y adapto alguno de los que tienes por tu blog.
Muy buen trabajo.
Saludos
[...] instructions page here [...]
Te hago una pregunta, me gusto mucho este tema, pero me gustaría saber si existe alguna versión de el, para WordPress?
Martín: Con slideshow, sólo para Blogger. La versión para WP era originalmente más simple.
Sabes donde se puede ver la versión de WP? De ultima si me gusta le puedo agregar el slider.
antes que otra cosa me encanta tu blog, ahora quería pedirte un favor, hay manera de que pueda usar este mismo slider en mi blog, insertarlo en mi plantilla o algo por el estilo? desde hace mucho quiero ponerle algo así en el pero no encuentro nada parecido, de antemano te agradezco y que estés muy bien. Saludos
Hola, como puedo diminuir la velocidad del slide? Estoy piensando que estas muy rapido !! Gracias
Boa noite !
Conseguir instalar o template mais não conseguir alterar as imagens do slide como faço ?
Grata
Hola chica blogger! me encanta tu sitio y todas tus plantillas, he encontrado muchisimos recursos aqui en tu hermoso sitio!!
un saludo!
Sulli♥
Genial tus post, a ver si me animo y adapto alguno de los que tienes por tu blog
sorry, may i ask you. how to add new tab? because on my blog, it’s only display one tab which is HOME
Can you show me how to set up a slideshow? B/c when i copy your code to my html template, it always report errors . So i think i should replace s3slider image by my own. thanks you so much.
Hola, os dejo un artículo de dos cafes y dos tiendas retro en Viena !
http://blog.mimaleta.com/viena-retro/
Es un problema que no ha sido citado aquí en los comentarios. He intentado instalar y los iconos de Blogger no aparecen. Me refiero a los iconos que están después de los comentarios, que permiten compartir contenidos en redes sociales.
Si desea ver el enlace: http://mamaemay.blogspot.com/
Espero que ayude a resolver el problema. Gracias.
Tradução do português para espanhol:
No puedo cambiar las imágenes de las diapositivas, usted me puede ayudar? Soy brasileño y sus instrucciones son un poco confuso para mí. Este es mi blog:
postersoflife.blogspot.com espero su ayuda
how do you delete the slider?
cómo puedo cambiar la imagen de cabecera?
por favor me ayude con