Blogger Template | Foodiary

Foodiary another blogger template from me which is again a magazine style template.I don’t know most of you like them or not but i have many more like these to release,if you like these templates.It was the free wordpress theme from simplywp.net and i converted it for you with full features support from blogger.I have also made to work featured gallery for you to show of your featured content.

As many of bloggers love to show of there content in gallery or can say there most important posts or works to there readers.The first featured gallery template which i released was chucky blogger template which again was magazine style,don’t forget to check it for sure.So lets take an demo of foodiary blogger template.

Features Of Foodiary Blogger Template

  • Fixed Width Template
  • Two Column Blogger Template
  • Right Sidebar
  • Rss Button Ready
  • Twitter Ready Widget
  • Compatible With Mozilla, Chrome and IE7
  • Search Box Ready
  • Beautiful Comment System
  • 125 x 125 adds Widget
  • Add Post Automatic Thumbnail
  • Auto Slider Featured Post

Hacks Supported By Template

Foodiary Template Installation

  • Featured Content
  • Just Go To Blogger Layout > Page Elements > Click on Edit Button of HTML/Javascript Widget as shown in below picture

    And add the following codes to it.

    <div id=”featured”>
    <div class=”enter”>

    <div class=”featured-body”>
    <div class=”featured-thumb”><img alt=”&nbsp;” src=”http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMf2_xTsI/AAAAAAAAAW4/eGINX3BxQgI/s400/twitter_lg2.jpg”/></div>
    <div class=”featured-text”><a href=”#” class=”featured-title”>Twitter Traffic &#8211; How To Drive Loads of Traffic to your blog</a></div>

    </div>

    </div>
    <div class=”enter”>

    <div class=”featured-body”>
    <div class=”featured-thumb”><img alt=”&nbsp;” src=”http://4.bp.blogspot.com/_j82W7u9kZbs/SyYMfLhD0zI/AAAAAAAAAWo/mNuMhEfOgko/s400/ebook_350.png”/></div>
    <div class=”featured-text”><a href=”#” class=”featured-title”>Secret Methods of How to Make Money with Email Marketing</a></div>
    </div>

    </div>
    <div class=”enter”>

    <div class=”featured-body”>
    <div class=”featured-thumb”><img alt=”&nbsp;” src=”http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMerjCVhI/AAAAAAAAAWg/2YliGo6vctQ/s400/070125_the_traffic_bully.gif”/></div>
    <div class=”featured-text”><a href=”#” class=”featured-title”>Get paid to blog at today.com</a></div>

    </div>

    </div>
    <div class=”enter”>

    <div class=”featured-body”>
    <div class=”featured-thumb”><img alt=”&nbsp;” src=”http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMgbSDzTI/AAAAAAAAAXA/rGhNuo6t2og/s400/downloadreport.jpg”/></div>
    <div class=”featured-text”><a href=”#” class=”featured-title”>Free download CPA marketing guide</a></div>
    </div>

    </div>
    <div class=”enter”>

    <div class=”featured-body”>
    <div class=”featured-thumb”><img alt=”&nbsp;” src=”http://4.bp.blogspot.com/_j82W7u9kZbs/SyYMffUehOI/AAAAAAAAAWw/W8jq0N9vI7Y/s400/ice_cream.jpg”/></div>
    <div class=”featured-text”><a href=”#” class=”featured-title”>Delicious ice cream post</a></div>

    </div>

    </div>
    </div><!– END featured –>

    Just what you have to do is edit the red content i.e red link with the image link of your post,red text with post title and # with the post link.Edit all the below content like this to make your own.

    I have hosted the javascripts file in blogger itself because of bandwidth problems.You can host them to your server also to make your template load fast.All three scripts you will get together with template on above download link.

  • Twitter Username
  • Just find below codes and change the twitter username to yours.

    <a class=’side-twitter’ href=’http://www.twitter.com/anshuldudeja’>Follow me on Twitter</a>
  • 125 Banner Ads
  • Just find the below codes:-

    <div class=’banner’>
    <a href=’#’><img src=’http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif’/></a>
    <a href=’#’><img src=’http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif’/></a>
    <a href=’#’><img src=’http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif’/></a>
    <a href=’#’><img src=’http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif’/></a>
    </div>

    Now replace the # with links and image link with yours or either completely remove all codes if you don’t want banner ads.

  • Post Image And Content Size
  • summary_noimg = 730;
    summary_img = 140;
    img_thumb_height = 230;
    img_thumb_width = 295;

    Just find above codes and control these properties to do change in image size and content size if you want to,as many users like to adjust in there own way.You can read about adjusting whole hack here – Automatic Read More Hack With Thumbnail.

If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.

Donate If You Like The Work

If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.

32 Comments

  1. Nguyen Dat Tai December 15, 2009
  2. camilynn December 15, 2009
  3. ari December 17, 2009
  4. blogger template place December 18, 2009
  5. Anshul December 18, 2009
  6. Prabhat's Books and Comics December 21, 2009
  7. Anshul December 21, 2009
  8. flash December 22, 2009
  9. tito December 28, 2009
  10. Krystyna the Vintage Student December 30, 2009
  11. Anshul December 30, 2009
  12. SiD January 4, 2010
  13. SiD January 4, 2010
  14. Anshul March 6, 2010
  15. Anshul March 6, 2010
  16. sascedar April 1, 2010
  17. sascedar April 1, 2010
  18. sascedar April 2, 2010
  19. CDS Cumartesi April 4, 2010
  20. ADMIN April 14, 2010
  21. Anshul April 14, 2010
  22. ADMIN April 15, 2010
  23. Anshul April 15, 2010
  24. Dani May 4, 2010
  25. Anshul May 5, 2010
  26. Dani May 5, 2010
  27. Anshul May 5, 2010
  28. fairchilddesigns May 7, 2010
  29. fairchilddesigns May 7, 2010
  30. ~Live2Eat~ September 26, 2010
  31. Anshul September 26, 2010
  32. Iana Gomes July 1, 2011

Leave a Reply