Browny - Free Blogger template





      Browny is modern and professional design free premium blogger template suitable for any niche.



Features:
  • 125×125 pixels adbox ready
  • 468×60 pixels Header Banner ready
  • Two columns
  • Twitter Ready
  • Social Networks sharing. No plugin required
  • Widgets Ready
  • SEO Optimized
  • Fixed width
  • Tested and compatible with all major browsers: IE, FF, Safari
 Installation Guide :
 1 . Edit the top Twitter link :

Go to layout >> Edit HTML and find this code (leave the "expand widget templates " option unchecked.)
http://twitter.com/bloggerspan

Replace Bloggerspan with your name

2 . Edit the top Navigation links :

Find this code in your template
<ul id='pagemenu'>
<li class='current_page_item'><a href='http://www.bloggerspan.blogspot.com'>Home</a></li>
<li class='page_item page-item-2'><a href='http://www.bloggerspan.blogspot.com' title='About'>About</a></li>
<li class='page_item page-item-6'><a href='http://www.bloggerspan.blogspot.com' title='Our Mission'>Our Mission</a></li>
<li class='page_item page-item-7'><a href='http://www.bloggerspan.blogspot.com' title='Experience'>Experience</a></li>
<li class='page_item page-item-9'><a href='http://www.bloggerspan.blogspot.com' title='Contact Us'>Contact Us</a></li>
      </ul> 
you can easily see a pattern in the code , replace "http://www.bloggerspan.blogspot.com"
with your url and change their anchor text . If you face any problem then i will be here to help you.

3 . Edit the top 468×60 header banner :

Find this code

<div class='span-12 last' style='padding-top: 30px; text-align:right;'>
 <a href='http://www.bloggerspan.blogspot.com'><img src='http://i34.tinypic.com/14nh3l4.jpg'/></a>          </div>

Replace "http://www.bloggerspan.blogspot.com" and "http://i34.tinypic.com/14nh3l4.jpg" with your ad url and image respectively .
In case you don't want the ad then you delete the above code .

4 . Edit the Navigation links below header:

This one is similar with above navigation links modification .
Find this code

<ul id='nav'>
      <li class='current-cat'><a href='http://www.bloggerspan.blogspot.com'>Home</a></li>
       <li class='cat-item cat-item-3'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Browsers'>Browsers</a>
</li>
 <li class='cat-item cat-item-4'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Computers'>Computers</a>
</li>
 <li class='cat-item cat-item-1'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Default'>Default</a>
</li>
 <li class='cat-item cat-item-5'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Design'>Design</a>
</li>
 <li class='cat-item cat-item-15'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Dev'>Dev</a>
</li>
 <li class='cat-item cat-item-6'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under General'>General</a>
</li>
 <li class='cat-item cat-item-16'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Seo'>Seo</a>
</li>
 <li class='cat-item cat-item-17'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Tutorials'>Tutorials</a>
</li>
 <li class='cat-item cat-item-21'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under WordPress'>WordPress</a>
</li>
  
     </ul>

Replace "http://bloggerspan.blogspot.com" with your url's and their respective anchor tags and titles .

5 . Edit the 125×125 ads in the sidebar :
  This one is a bit easy than others . find this code

<div class='sidebaradbox'>
 <a href='http://bloggerspan.blogspot.com/' target='_new'><img class='ad125' src='http://i38.tinypic.com/30tj5p2.jpg'/></a> 
 <a href='http://secure.hostgator.com/cgi-bin/affiliates/clickthru.cgi?id=Sandeepbg' target='_new'><img class='ad125' src='http://i36.tinypic.com/ctchg.jpg'/></a> 
 <a href='http://nic.cz.cc/index.php?ref=Sandeepbg' target='_new'><img class='ad125' src='http://nic.cz.cc/images/125x125_eng.gif'/></a> 
 <a href='http://themeforest.net?ref=Sandeepbg' target='_new'><img class='ad125' src='http://i37.tinypic.com/ka49a9.jpg'/></a>  
</div>

Replace codes with your links and their images.
That's all ,Happy blogging.
Any problems ? leave a comment and i will help you ASAP . :)

Your fav Bookmarking site not on the list ? Click here