Template Details :
| Platform Type | Blogger / Blogspot |
| Template Name | Italian Food Blogger Template |
| Instructions URL | How to install blogger template? |
| Template Author | template grid |
| Designer | Claudius (http://chicablogger.com/) |
| Features | 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 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
Go to Design/Edit HTML and find the following 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 Blogger Theme'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fTeXe0Df1iijsKYNTFeAIhNV-kJbulOFKZDE2RyQEqzO36nV0QeqVgIXHOXNNbVDvKJMrhCiEnryK325ouoVR7YNZ-PrImuB93x2z7qxcqucvVqMesf5iyxkxzncPMALP5AL_qof_10V/s1600/1.jpg' title='Introducing Blogger Theme'/> </a> <a href='#' title='Another image in a post'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFGePMtvUgRWlmgMjh4459-rd9nqDfsmsyEGoqpwRlp3fJse6OQxvmRZgdaITkzlEBKLsqFbTf-tkIY9kV77Pn8OA5NzTxjPW2C3Oa-Pqkdi3TCqYNrUd1ya14UOXCEx-DFMdA7qDfdyt/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/AVvXsEgkE1sF1A2Ppk9KHh5qF5Xg4dtDAweISJyFysB2XZUnA1alQcu_JoQ5ayFxwORpkC-k2RHI768mqhy7smEYTH0pt7JL1M8q29P3_ieTsqwilNsoM6nGo-Hen8Fxs4g7FugM31zLoXWp6wUA/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/AVvXsEjzkwtsJSfPXWAiQoBkmv39bvyrtmYwVoShCLzGChI4NdTwWDUARRVQ0jKBncPLY2JJkhYaU0Y3KpWC6KITWs5xfdRxBpy4IGop6PFrIbSH3j0GwGb98WyV-mMzux0nuU33PK-2v8jJQe_T/s1600/4.jpg' title='Testing HTML elements'/> </a> <a href='#' title='Category Hierarchy'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrz1-1bBhUFKgu3xzX_kNOnpbVuZ2d5Sg1IJmcRmZqX8H3Y8M9BRRjgZOMouymW1stbK2u8G22tCClKQ71COiccl_5Q1i7sRDXjJKs2WJgo0rNrNNhiJgxmI_h5IMPnsaKi2NewOvMxhxn/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ7Mi8uqtyqNwTmY0s0C5MeQIdOl6bXKKapRK2u3uqUn6B14EJeff4Bqdypl6yUJVJFFsVecBG3qJ-7FzOFkCWr4qaCiRtxmLVWYTI2qdEgDAGKOLmQ_DXGnajhcT-zPv-1xxaSRU_TLBh/s1600/twitter.png' title='Twitter'/></a> <a href='#'> <img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjdQg12zddo-TVTMy-HJ40uJG26ZvFf1UD8w3N4o0kNjq5LeNJxVbMsLSAnZU-nwAINcXhWlTa99lY59G_WIMbmM3qotI50H6JsvoPLigrzbsqO9HU4WVZ1QGNpU5qSY1wfNGGaIG9gk9W/s1600/rss.png' title='RSS'/></a> <a href='#'> <img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5zC7gYSEQ4w0hWNzvjQBuCjec1PlNLB8UiBsXZlV43P039R0QDR9e3b-Qmrqzfs2L2zAlBJM3dGAA4l8aBMwVCsryv-SDJgPOAInWnXoMzdfVvN9koB1wcgHi2tRr9FfckxBc6ZUVBjh/s1600/facebook.png' title='Facebook'/></a> </div> <a href='#' title='Another image in a post'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFGePMtvUgRWlmgMjh4459-rd9nqDfsmsyEGoqpwRlp3fJse6OQxvmRZgdaITkzlEBKLsqFbTf-tkIY9kV77Pn8OA5NzTxjPW2C3Oa-Pqkdi3TCqYNrUd1ya14UOXCEx-DFMdA7qDfdyt/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/AVvXsEgkE1sF1A2Ppk9KHh5qF5Xg4dtDAweISJyFysB2XZUnA1alQcu_JoQ5ayFxwORpkC-k2RHI768mqhy7smEYTH0pt7JL1M8q29P3_ieTsqwilNsoM6nGo-Hen8Fxs4g7FugM31zLoXWp6wUA/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/AVvXsEjzkwtsJSfPXWAiQoBkmv39bvyrtmYwVoShCLzGChI4NdTwWDUARRVQ0jKBncPLY2JJkhYaU0Y3KpWC6KITWs5xfdRxBpy4IGop6PFrIbSH3j0GwGb98WyV-mMzux0nuU33PK-2v8jJQe_T/s1600/4.jpg' title='Testing HTML elements'/> </a> <a href='#' title='Category Hierarchy'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrz1-1bBhUFKgu3xzX_kNOnpbVuZ2d5Sg1IJmcRmZqX8H3Y8M9BRRjgZOMouymW1stbK2u8G22tCClKQ71COiccl_5Q1i7sRDXjJKs2WJgo0rNrNNhiJgxmI_h5IMPnsaKi2NewOvMxhxn/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&count=1' type='text/javascript'/> </li> </div>
Replace “claudiacs” by your Twitter username. It appears twice in the code.
