Blogger Template: Brownline

Template Converter: Falcon Hive
Compatible BSP: Blogger
Possible Browser: Internet Explorer 8+, Firefox RC3+, Opera 9.6+ , Google Chrome 0.3.154.9+
Column: 3
Widget: Ready
Navigation Bar: Ready
Search Bar: Ready
Welcome Message: No
Gravatar: No
RSS: Yes
Ads space: No
Footer Widgets: No
Feature: brown elegant design with cool jquery-based tabber, Customizable navigation bar, Main Column with a sidebar on the right side


Layout view


Make your template unique:

Set up the Top Navigation

You can customize your navigation link to your own preferred link. To achieve this, go to 'Layout', choose the 'Edit HTML', press [CTRL+F3] to find the code below and change it to your link.


<li><a href='#'>Edit</a></li>

For example,
<li><a href='#'>Edit</a></li> to
<li><a href='http://www.falconhive.com'>Falcon Hive</a></li>

Set up the 125x125 Ads

You can change the 125x125 ads image to your own ads image. To achieve this, simply access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find the code below and replace it with your own image link.

<img src="http://www.blogger.com/YOUR-LINK-HERE/ads.jpg" alt="ads" />

For example,
<img src="http://www.blogger.com/YOUR-LINK-HERE/ads.jpg" alt="ads" /> to
<img src="http://i36.photobucket.com/albums/e2/alvaris924/Brownline%20Project/ads.jpg" alt="ads" />


Set up the Tabber


You can probably notice that there are number '1', '2' and '3' in the layout. By clicking the '1', you can actually set up the first part of the tabber with any gadget, same as clicking '2' and '3', which directs you to the setting of second and third part of the tabber.

More about the Tabber

The tabber is actually functioned by the JavaScript. As my respected Google does not offer the script hosting service, this tabber's JavaScript file is hosted by the website of the author, which I think it would last longer than any other website.

You can also remove the tabber by access into 'Layout' and under the 'Edit HTML' tab, press [CTRL+F3] to find and remove the code below:

<script src="http://gooddesignweb.chicappa.jp/brownline/wp-content/themes/brownline/js/tabber.js" type="text/javascript"></script>

and

<!-- Tabber -->
<div class="tabber">

<div class="tabbertab">
<b:section class="sidebar3" id="sidebar3" preferred="yes">

</b:section>
<div style="clear: both;"></div>
</div>

<div class="tabbertab">
<b:section class="sidebar4" id="sidebar4" preferred="yes">

</b:section>
<div style="clear: both;"></div>
</div>

<div class="tabbertab">
<b:section class="sidebar5" id="sidebar5" preferred="yes">

</b:section>
<div style="clear: both;"></div>
</div>
</div>
<!-- /Tabber -->


Version 1.01 XML Note:
Fixed Backlinks, Email Post links' Position

On 25 December 2008, we have fixed the backlinks and email post links' position in Brownline. Now you can see the backlinks and email post links are not only stay with the corresponding post, but also repositioned to look well with the whole template!

Download
http://www.box.net/shared/aniv22dncf