Free Blogger Templates

Blogger Template: NewsSite

Publicado por Claudia en julio 1, 2011

News Site es un diseño limpio, para blogs de noticias u otros, basado en CNN y LaTercera.com.


DEMO | DESCARGA NewsSite (2041)

Características:

  • 3 columnas ancho fijo
  • s3 slider incorporado
  • Columnas inferiores
  • Soporta las últimas funciones de Blogger
  • Comentarios de autor destacados
  • jQuery tiptip incorporado
  • Buscador interno
  • Excerpts automáticos con thumbnail
  • Compatible con las últimas versiones de Firefox, IE y Chrome

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;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h2 id='featured'>Featured Posts</h2>
   <div class='crosscol'>
<div id='s3slider'>
 
<ul id='s3sliderContent'>
 
<li class='s3sliderImage'>
<img src='https://lh3.googleusercontent.com/-7MJJy6yLor4/TY7TPy_hYPI/AAAAAAAACSo/GVn5p5yA8Wo/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='https://lh6.googleusercontent.com/-RncqsMiL_kY/TY7TRb5iy2I/AAAAAAAACSs/f8S-8BPfsHw/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='https://lh4.googleusercontent.com/-jW35-fP4Abw/TY7TS-Fe2tI/AAAAAAAACSw/VZpCxcgwFbU/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='https://lh6.googleusercontent.com/-OhqhfiteUmA/TY7TT8S07lI/AAAAAAAACS0/1Uv3aKNq5mI/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/-P4Z9STzFr7k/TfwV39oksSI/AAAAAAAACTo/y_QpXSruq_s/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'/>
</ul>
</div>
      </div>
</b:if>
</b:if>

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

Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:

<span class='facebooklink'><a class='tooltip' href='#' title='Facebook'> Facebook</a></span>
<span class='rsslink'><a class='tooltip' href='#' title='Feed RSS'> RSS Feed</a></span>
<span class='twitterlink'><a class='tooltip' href='#' title='Twitter'> Twitter</a></span>
Tags: , , ,
Free Blogger Templates

Template Black splat para Blogger

Publicado por Claudia en diciembre 29, 2008

DEMO | DOWNLOAD

Plantilla diseñada originalmente para WordPress por SamK, lanzada bajo licencia GPL y convertida a Blogger por mí.

Características: 3 Columnas, barra lateral derecha, buscador interno, menú personalizable.
Features: 3 columns, right sidebar, searchform, customizable menu.

Instrucciones – Instructions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el título y la descripción buscando este código./ Find these lines to change the title of your template.

<h1><a expr:href='data:blog.homepageUrl'>Black splat</a></h1>
<h3>Just another Blogger blog</h3>

3. Busca este código para editarlo. Puedes añadir un banner aquí./ Search this code if you wish to customize it. You can add a banner here.

<div id='topright'>Customize this in layout / Edit HTML. You can fit a 468x60 banner here, if you wish. Lorem ipsum dolor sit amet, consectetuer <a href='#'>link</a>. Lorem ipsum mauris semper, consectetuer <a href='#'>another link</a>.</div><!-- Closes topright -->

4. Personaliza el menú buscando este código./ Cuztomize your menu bar by searching this code.

<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li class='rssmenu'><a href='/feeds/posts/default'>rss</a></li>
</ul>

5. Cambia el formato de la hora al día de hoy (Jueves, Diciembre 25, 2008)./ Change the timestamp format to the date today (Thursday, December 25, 2008).

Tags: , ,