F01.01 is a premium girly WordPress theme by Woothemes specially made for ladies which I decided to convert into Blogger . Unlike any other themes, this theme comes with a full illustrated figure of a female on the left side of the blog making it a perfect theme for girls.
F01.01 comes packed with some other great features too such as twitter integration, custom widgets, multi-level drop-down menu, three-column footer and more!
Customizing the theme
1. Navigation Menu
<ul id=’nav’>
<li class=’page_item’><a expr:href=’data:blog.homepageUrl’ title=’Home’>Home<br/><div class=’small’>What do you think?</div></a></li>
<li class=’page_item page-item-51′><a href=’#’ title=”>About<br/><div class=’small’>A bio about you</div></a>
<ul>
<li class=’cat-item cat-item-3′><a href=’#’ title=”>Page 1</a></li>
<li class=’cat-item cat-item-4′><a href=’#’ title=”>Page 2</a>
<ul class=’children’>
<li class=’cat-item cat-item-8′><a href=’#’ title=”>Sub page 1</a></li>
<li class=’cat-item cat-item-8′><a href=’#’ title=”>Sub Page 2</a></li>
</ul>
</li>
<li class=’cat-item cat-item-5′><a href=’#’ title=”>Page 3</a>
<ul class=’children’>
<li class=’cat-item cat-item-7′><a href=’#’ title=”>Sub Page 4</a></li>
<li class=’cat-item cat-item-9′><a href=’#’ title=”>Sub page 5</a></li>
</ul>
</li>
</ul>
</li>
<li class=’page_item’><a href=’#’ title=’Contact’>Contact<br/><div class=’small’>Write anything here!</div></a></li>
<li class=’page_item’><a expr:href=’data:blog.homepageUrl + "feeds/posts/default"’ title=’Subscribe’><img class=’headrss’ src=’http://2.bp.blogspot.com/_b8IA1ajBJG8/TBoCmcgoINI/AAAAAAAABHc/8zHrxkbrdXE/rss.png’/>Subscribe<br/><div class=’small’>Write anything here!</div></a></li>
</ul>
</div>
2. Twitter status– Change the text highlighted below in the codebox with your Twitter username.
<div class=’bottom’>
<ul id=’twitter_update_list’>
<script src=’http://twitter.com/javascripts/blogger.js’ type=’text/javascript’/>
<script src=’http://twitter.com/statuses/user_timeline/rethnaraj.json?callback=twitterCallback2&count=1′ type=’text/javascript’/>
</ul>
</div><!– /.bottom –>
<div class=’profilelink’>
<a href=’http://www.twitter.com/rethnaraj‘ title=’Follow me on Twitter’>Follow me on Twitter</a>
</div><!– /.profilelink –>
</div>
This is sooo cool! Thank you!
Is there any way I can move the body a little bit to the right?
Sorry, I mean to the left…