Blogger Template: Italian Food

Free Blogger Templates Publicado por Claudia en abril 2, 2012

Italian Food es una Plantilla Blogger ideal para blogs de comida, aunque también puede ser usada para otros fines. Incluye logo PSD y Nivo slider.

Italian Food Blogger Template
DEMO | DESCARGA Italian Food Blogger (1737)


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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 
 
<div id='slider-container'>
<div id='slider'>
 
  <a href='#' title='Introducing Blogger Theme'>
 <img alt='' src='http://1.bp.blogspot.com/-nGkMe_hU2kg/T1MDaLL_apI/AAAAAAAADRs/fMtmF8R5ZFw/s1600/1.jpg' title='Introducing Blogger Theme'/>
 </a>
 
  <a href='#' title='Another image in a post'>
 <img alt='' src='http://1.bp.blogspot.com/-Y9LFRFobsEY/T1MDajmxl4I/AAAAAAAADR4/QUlvOqvMr5s/s1600/2.jpg' title='Another image in a post'/>
 </a>
 
  <a href='#' title='An image in a post'>
 <img alt='' src='http://2.bp.blogspot.com/-01AndV-628g/T1MDa6HlJ-I/AAAAAAAADSE/EF_V-nX_2kk/s1600/3.jpg' title='An image in a post'/>
 </a>
 
  <a href='#' title='Testing HTML elements'>
 <img alt='' src='http://2.bp.blogspot.com/-Egq04WlATSM/T1MDbBMQ8KI/AAAAAAAADSQ/XznhPWegTXs/s1600/4.jpg' title='Testing HTML elements'/>
 </a>
 
  <a href='#' title='Category Hierarchy'>
 <img alt='' src='http://4.bp.blogspot.com/-AUuF0R3dPIY/T1MDbbhF56I/AAAAAAAADSY/e4fZx-qp-Zs/s1600/5.jpg' title='Category Hierarchy'/>
 </a>
 
 </div>
<div style='clear:both'/>
</div>      
</b:if>
</b:if>

You may replace all image links by yours and set up your post descriptions and links. All images must be 900x300px.
Puedes reemplazar los enlaces por tus propias imágenes y configurar las descripciones de tus posts y links. Las imágenes deben tener 900×300 píxeles.

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:

1
2
3
4
5
6
7
8
<div id='social'>
<a href='#'>
<img alt='Twitter' src='http://1.bp.blogspot.com/-tVj7w9psq6g/T1Z06FgwF1I/AAAAAAAADaA/qHiA8IgU4Ts/s1600/twitter.png' title='Twitter'/></a>
<a href='#'>
<img alt='Feed' src='http://4.bp.blogspot.com/-q2xroCjPxO8/T1Z06S_mIDI/AAAAAAAADaM/RT_phXGen-Q/s1600/rss.png' title='RSS'/></a>
<a href='#'>
<img alt='Facebook' src='http://3.bp.blogspot.com/-h3ByAXL5SuU/T1Z06cuhDkI/AAAAAAAADaY/-s0UJEqKRjc/s1600/facebook.png' title='Facebook'/></a>
</div>

Replace every # with yor social link.
Reeemplaza cada # por la dirección correspondiente.

3. To set up the Twitter widget, find the following code:
Para configurar el wiget de Twitter, encuentra el siguiente código:

1
2
3
4
5
6
7
8
9
10
11
12
<div id='twitter-widget'>
 
<li class='twitter-updates'>
 
<ul id='twitter_update_list'/>
<a href='http://twitter.com/claudiacs' id='twitter-link'/>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/claudiacs.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
 
</li>
 
</div>

Replace “claudiacs” by your Twitter username. It appears twice in the code.
Reemplaza “claudiacs” por tu nombre de usuario de Twitter. Aparece dos veces.

Compártelo!
11 Comentarios en Blogger Template: Italian Food
  1. solerrubio dice:

    Hola, Muy bonita plantilla ¿Cómo puedo cambiar la velocidad del slider? Saludos!

    • Claudia dice:

      Sole, busca esto en la plantilla (con el buscador de tu navegador o CTRL + F):

      pauseTime:3000

      3000 equivale a 3 segundos.

      Modifícalo con cuidado (a 2000, 4000 o lo que desees) y guarda los cambios.

    • Claudia dice:

      Sole, busca esto en la plantilla (con el buscador de tu navegador o CTRL + F):

      pauseTime:3000

      3000 equivale a 3 segundos.

      Modifícalo con cuidado y guarda los cambios.

  2. The Mommist dice:

    Nice template! I love it! Been having a problem with the slider. It doesn’t show any images. It doesn’t seem to work.

    Please help. Thanks!

  3. The Mommist dice:

    Also, how can I remove this – “You can now create custom permalinks for your blog posts: http://t.co/WtffFIUT 11 days ago”

    Thanks!

  4. Claudia dice:

    The Mommist: Remove the entire code that appears in the step number 3.

  5. karina dice:

    how do you set up the Facebook widget?

  6. Blanca Oropeza dice:

    Por favor necesito ayuda en el cambio de imagenes, logre cambiar el contenido de las imagenes, osea los titulos; pero no logro cambiar las imagenes. Gracias.

  7. Iraiel dice:

    ¿Sería posible quitar los widgets de facebook/twiter o hacer que al dar al botón se comparta la página web? No tengo cuentas facebook etc. y me gustaría aprovechar los botones para algo…

    • Claudia dice:

      Hola claro que es posible mira las instrucciones en el paso numero dos, ubica el codigo de los botones de facebook y twitter y quitalos desde el href=’#’ rel=”nofollow”> hasta el http://chicablogger.com/coloca-un-boton-compartir-de-facebook-en-tus-entradas-de-blogger/

Deja tu comentario
Tu Comentario