Free Blogger Templates

Blogger Template: Cherry Mag

Publicado por Claudia en julio 9, 2011

DEMO | DESCARGA Cherry Mag (3112)

Características:

  • 2 columnas de ancho fijo
  • Coin slider incorporado
  • jQuery tiptip
  • Columnas inferiores
  • Buscador Interno
  • Comentarios de autor destacado
  • Ads ready
  • Soporta las últimas funciones de Blogger
  • Crossbrowser Compatible

Instructions – Instrucciones

1. 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 != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 
<div id='slide'>
<div id='gallerycover'>
<ul>
 
<!-- Featured Slide 1 Code Start -->
<li>
<a href='SLIDER-1-LINK-HERE'>
<img class='slidim' src='https://1.bp.blogspot.com/-oaTUXPjWL-I/Tgarg4uW-vI/AAAAAAAACT4/njnxqKmqP7g/s1600/1.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 1 Code End -->
 
 
<!-- Featured Slide 2 Code Start -->
<li>
<a href='SLIDER-2-LINK-HERE'>
<img class='slidim' src='https://4.bp.blogspot.com/-hP7gT8UkZcw/TgarprMBV5I/AAAAAAAACT8/GIS-cUKNKL4/s1600/2.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 2 Code End -->
 
 
<!-- Featured Slide 3 Code Start -->
<li>
<a href='SLIDER-3-LINK-HERE'>
<img class='slidim' src='https://3.bp.blogspot.com/-rQc2QD3uvso/TgaruZwR5BI/AAAAAAAACUA/cyXXngCA-Lg/s1600/3.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 3 Code End -->
 
 
<!-- Featured Slide 4 Code Start -->
<li>
<a href='SLIDER-4-LINK-HERE'>
<img class='slidim' src='https://4.bp.blogspot.com/-43BKkZx1i1U/Tgar0bET-vI/AAAAAAAACUE/9I0NVdtFFAM/s1600/4.jpg'/>
<span>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger Edit HTML and find these sentences. Now replace these with your own descriptions[...] </p>
</span>
</a>
</li>
<!-- Featured Slide 4 Code End -->
 
</ul>
</div>
</div>
 
</b:if></b:if>

2. Setting up the social media icons.
Configurando los botones social media.

Go to Design/Edit HTML, click on “Expand widget templates”  and find the following code:
Ve a Diseño/Edición de HTML, click en “expandir plantillas de artilugios y encuentra el siguiente código:

<a class='tooltip' href='#' title='facebook'><img src='https://3.bp.blogspot.com/-Ot0Xv26N4mU/Tgz3FHKd-wI/AAAAAAAACVc/qbgsS-OBzsE/s1600/facebook.png'/></a>
<a class='tooltip' href='#' title='RSS Feed'><img src='https://4.bp.blogspot.com/-0TakbFyNEuU/Tgz3Dev4jTI/AAAAAAAACVY/CqoWK6An90E/s1600/rss.png'/></a>
<a class='tooltip' href='#' title='Twitter'><img src='https://3.bp.blogspot.com/-GQmr4RfIdnQ/Tgz3BoL_21I/AAAAAAAACVU/e_FgjnIapQs/s1600/twitter.png'/></a>

3. To set up the date, go to Settings/Formatting/Timestamp format -> “Sunday, July 10, 2011”.
Para configurar la fecha, ve a Configuración/Formato/Formato de la hora -> “Domingo, julio 10, 2011”.

Tags: , ,
Free Blogger Templates

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 (5320)

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 != &quot;item&quot;">
<b:if cond="data:blog.pageType != &quot;static_page&quot;">
   <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.

Tags: , ,
Free Blogger Templates

Blogger Template: City Girl

Publicado por Claudia en enero 18, 2011


DEMO | DESCARGA City Girl (2596)

Características:

  • Dos columnas
  • Columnas inferiores
  • Soporta las últimas funciones de Blogger
  • jQuery TipTip incorporado
  • Comentarios de autor destacado
  • Probada en las últimas versiones de IE, Chrome y Firefox
Tags: , ,
Free Blogger Templates

Blogger Template: Fashionable

Publicado por Claudia en enero 10, 2011

Fashionable es una plantilla blogger gratuita para blogs de chicas y/o de moda.


DEMO | DESCARGA Fashionable (1572)

Características:

  • Dos columnas
  • Columnas inferiores
  • Soporta las últimas funciones de Blogger
  • jQuery TipTip incorporado
  • Comentarios de autor destacado
  • Probada en las últimas versiones de IE, Chrome y Firefox
Tags: , ,