Italian Food

Italian Food Blogger Template
Template Details :
Platform Type Blogger / Blogspot
Template Name Italian Food Blogger Template
Instructions URL How to install blogger template?
Template Authortemplate grid
DesignerClaudius (http://chicablogger.com/)
FeaturesSlideshow, Top Navigation Bar, Custom Menu, Bookmark Ready, Auto Readmore, 2 Column, Food, Footer Columns, Pale, Red, Orange, White, Elegant, Fixed Width, 1 Right Sidebar etc.
Descriptions

Italian Food Blogger Template is a food related Blogger Template.This template consist of Nivo Slider, PSD Logo and many great features. It has Slideshow, Top Navigation Bar, Custom Menu, Bookmark Ready, Auto Readmore, 2 Column, Food, Footer Columns, Pale, Red, Orange, White, Elegant, Fixed Width, 1 Right Sidebar, and many other features.
This template is best for Food related blogs.

Search Tag :
Italian Food Blogger Template
Italian Food Blogspot Template
Italian Food B Template
Italian Food Blogger Theme
Italian Food Blogspot Theme
Italian Food B Theme

Instructions

1. Setting up the slideshow


Go to Design/Edit HTML and find the following code:



<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 600x300px.


2.Setting up the social media icons.


Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:



<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>
 
  <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>

Replace every # with yor social link.


3. To set up the Twitter widget, 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&amp;count=1' type='text/javascript'/>
 
</li>
 
</div>



Replace “claudiacs” by your Twitter username. It appears twice in the code.

+ Add Your Comment

We Recommend