Blogger Template: NewsSite

Free Blogger Templates 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 (2682)

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>
Compártelo!
17 Comentarios en Blogger Template: NewsSite
  1. Lucas dice:

    Yo nunca entendi como configurar el slider :(
    me gustan mucho tus plantillas ;)

  2. pvillot27 dice:

    Me encanto esta plantilla, pero como siempre no puedo subirla, siempre me sale este mensaje, y lo peor de todo es que me sale cada vez que quiero cambiar de plantilla: No hemos podido guardar tu plantilla

    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Content is not allowed in prolog. Por favor ayudeme y digame que estoy haciendo mal…..gracias de antemano.

  3. Francisco dice:

    Una pregunta como esdito el buscador que ya viene en la plantilla por el codigo del buscador que yo tengo

  4. Claudia dice:

    Francisco:
    En Diseño/Edición de HTML tienes que encontrar el siguiente código:

    <div id='search'>
    				<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='searchform' method='get'>
    <input class='searchtext' id='q' name='q'/>
    <input class='submit' name='submit' src='http://3.bp.blogspot.com/_V-IXTBBt1Bg/S2tOqv4rhOI/AAAAAAAABeU/I5d9UbmeiHY/s1600/spacer.gif' type='image'/></form>
    			</div>
  5. Francisco dice:

    que lo elimino y agrego el mio

  6. Mejia dice:

    Hola! quiero saber como hago para que los videos de youtube se puedan ver en la portada sin tener que darle a “Leer mas” y como puedo desactivar el “leer mas automatico”. Ya que cuadno hago una entrada se genera el page break automaticamente.

  7. Riclanders dice:

    Hi,

    How do I get rid of the slider completely?

  8. Maturcog dice:

    amigo quiero ponerle menu o sub menu como hago

  9. Maturcog dice:

    ayudame a poner un menu en esta plantilla

  10. [...] Template Settings / How to use this template [...]

  11. Raven Zapata dice:

    COMO PONERLE UN BARNER Y UN LOGO

  12. JORGE dice:

    CÓMO ELIMINO EL SLIDER DE LA PLANTILLA DE NEWS SITE?

  13. JORGE dice:

    COMO DESHABILITO EL SLIDER DE LA PLANTILLA NEWS SITE

  14. JESUS dice:

    estoy enamorado de ti chica blogger, me voy a ir a chile a traerte con migo jaja

  15. Jan dice:

    ¿De qué número a qué número es el slideshow? XD no sé cómo ponerlo D:

  16. […] Site News is a clean design blogger template for news or other blogs. Features are 3 columns fixed width, jQuery built tiptip, s3 slider built, Internal search, Compatible with the latest versions of Firefox, IE and Chrome. More Info… […]

Deja tu comentario
Tu Comentario