Italian Food Blogger Template

Italian Food Blogger Template

Template Name: Italian Food

Platform: Blogger / Blogspot

Release Date: April 2, 2012

Author: Chica Blogger

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Italian Food is a Blogger template ideal for food blogs, but can also be used for other purposes. Includes Nivo slider and logo PSD.

Instructions:

1. Setting up the slideshow
Configuring the slider

Go to Design / Edit HTML and find the Following code:
Go to Design / Edit HTML and find this code:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
 
 
<div id='slider-container'>
<div id='slider'>
 
  <a href='#' title='Introducing Theme'> Blogger
 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pWSwZPaXNFwB-T-zQ1TuI4M3Z1pLLfPiwJHtHsKtb5TdGQYQW_c3IiQx73U_U6V3EQIa9zJ-JEjGVzvFFZjRmvIrvHnGScFMjT6K62Bf5_R26hNd_shzW5OLoDRdgwF-LbuELEMkEVIn/s1600/1.jpg' title='Introducing Theme'/> Blogger
 </ A>
 
  <a href='#' title='Another image in a post'>
 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJffA86-y2gURBKtlZKJi_EaUw2lIazyaB0P7ZqB5T-keDbuxIrAT1J5o7bw24hy6bNNJcdOp_rRIOmsILdWrwj_espuNBaW5ElkdmfmyrWlRu_2OdbFqvthpfLAlu7Tbxey8m3D-e5gj4/s1600/2.jpg' title='Another image in a post'/>
 </ A>
 
  <a href='#' title='An image in a post'>
 <Img alt ='' src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqCQAnKOTYoi2C3H5TNS2sKlwyOcAoHa2iKQ0jGu5CJ_nVK2u_QpccGD1xjW5a__5RU0GXyyjCBoXbE2PaiPv0-ygMwCEvEZAyEIOmYN5CaBiHLZRGdjiZeYhubz-l6gNOsRUSCoKycb0/s1600/3.jpg' title = 'An image in a post '/>
 </ A>
 
  <a href='#' title='Testing HTML elements'>
 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ArwYizgv8JjxQT3jyeolvo5lFYPu1oHnOLSHL86Wczhv5BZhgnSawalfEu5Zq2zezww2AwsohF7XYRmOegqh1Q1GBkiYzYzl6W98C251t52C08APd4O3swA7cgf23mf-pTslJ2tYw5L_/s1600/4.jpg' title='Testing HTML elements'/>
 </ A>
 
  <a href='#' title='Category Hierarchy'>
 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr1-0vLm1JjgTis1rItGJjbWB6RQunwbsSSDCMEyUXoknLoHiJrcFXygfaF7LILHqKve9a-_MX8W17HT6Hi4ESl9kJOshnXOlrPlo7Zdb-x5O2Lyo3fx2bp0ZNS4NXNAhkGJMwIytv1Mto/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 post your set-up descriptions and links. All images must be 900x300px.
links can replace your own images and set the descriptions of your posts and links. Images must be 900 × 300 pixels.

2.Setting up the social media icons.
Configuring the social media buttons.

Go to Design / Edit HTML, click on "Expand widget templates" and find the Following code:
Go to Design / Edit HTML, click on "expand widget templates and find the following code:

<div id='social'>
<a href='#'>
<img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOJrNpyYGPDgpeCaDkkYlYdkkxNy1IAmxl84aqeiCyT_4TRsgSPNWx_6HlrXW0S7mqhFq8ADrrRElhrXaruK0oF88GC4xGD-HDnMc3Ks0XHsjL_HVN-4es4nQZY1foMosBAyXHg56R3icR/s1600/twitter.png' title='Twitter'/> </ a>
<a href='#'>
<img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMEOmHupf8jqMHdqgSBE5BOtwo5z5ZZ8V8VziMOniFA6Adft9VNsa2isI17Wr_py4v-prMqEgp-GC1PBtTKX5kFYGuX1tngUZ-6Bc6W07bp2HhkVsc4L1kSzy2SfNNIU_tk87wA3zsWw3n/s1600/rss.png' title='RSS'/> </ a>
<a href='#'>
<img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcfW3RyJOj5uA8gUgvHXzKouCL5k1DpeFuMqFd4OHHvB5n64sU9yibFuSkZHMsjEDgP_P_dIkVslD48jL_qVP2UrlPAG508DF9A1RRKnzyRZz4DY8LGbx-wn-ymKj1xVkG6RUmB6hZhdaC/s1600/facebook.png' title='Facebook'/> </ a>
</ Div>

Replace # with yor every social link.
Reeemplaza each # by the corresponding direction.

Three. To set-up the Twitter widget, find the Following code:
To configure wiget Twitter, find the following code:

<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&count=1' type='text/javascript'/>
 
</ Li>
 
</ Div>

Replace "claudiacs" by your Twitter username. It Appears twice in the code.
Replace "claudiacs" with your Twitter username. Appears twice.



EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, eCommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.