Tuesday, September 8, 2009

Free Blogger Template Girly Magazine

Girly Magazine is a free Blogger template (free Blogspot template) designed for a cute blog, girly blog, fashion blog, personal blog or women's blog. While Girly Magazine is a cute Blogger template which is appealing in pink, it is also a powerful magazine style template. The Blogger theme includes the following features: 3 column design, 2 navigation menus, expandable post summaries via a read more function. This free Blogger template also comes ads ready with 4 slots for 125x125 affiliate banners.

Girly Magazine - Free Blogger Template. Free Blogspot Template

Demo | Download

Designed by: Ipietoon

3 column design
2 Navigation menus
2 right sidebars
Read more function
Ads ready - 4 125x125 ad slots in sidebar
Twitter updates feature
Free to use with credits intact

Installation Instructions

To Install Template on Blogger
  1. Download Blogger xml template file
  2. Unzip file using Winzip or other similar unzip software
  3. From the Blogger Dashboard go to Layout > Edit HTML
  4. Backup your existing template if necessary by downloading to computer
  5. Click Browse to select file and then Upload
  6. Click on Save once template file uploaded

To Set Up Top Navigation Menu
  1. Go to Layout > Edit HTML
  2. Check Expand Widget Templates box
  3. Find the following code and edit URL address and anchor text

    <div class='topnav'>
    <ul id='topnav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='http://www.bietemplates.com/' target='_blank'>
    Template Gallery</a></li>
    <li><a href='http://dezigntuts.com' target='_blank'>Dezigntuts</a></li>
    <li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li>
    <li><a href='http://blogger.com' target='_blank'>Login</a></li>

To Set Up Affiliate Banner Ads
  1. Go to Layout > Edit HTML
  2. Check Expand Widget Templates box
  3. Find the following code and edit banner code as desired. Replace both the URL target link and the image link
    <a class='ad1' href='http://YOUR-LINK-HERE'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
    <!-- Ad2 start -->
    <a class='ad2' href='http://YOUR-LINK-HERE'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
    <!-- Ad3 start -->
    <a class='ad3' href='http://YOUR-LINK-HERE'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
    <!-- Ad4 start -->
    <a class='ad4' href='http://YOUR-LINK-HERE'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

To Set Up Twitter Updates
  1. Go to Layout > Edit HTML
  2. Check Expand Widget Templates box
  3. Find these lines of code and replace the Twitter name displayed in red with your own:

    <h2 class='sidebar-title' style='display:none;'>Twitter Updates</h2>
    <ul id='twitter_update_list'/>
    <a href='http://twitter.com/bietemplates' id='twitter-link' style='display:block;text-align:right;'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLUaSyCm5I/AAAAAAAAAIo/171-xow2ueI/s1600/twitter.png'/></a>
    <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
    <script src='http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

Related Links
Free Blogger Templates Magazine Style
Free Blogger Templates Adsense Ready

No comments:

Post a Comment