Theme Borders

Tutorial by Unzo - http://unzo.tumblr.com/

01- Paste the following code before "<style type="text/css">" in your HTML code (ctrl+f to search)

<meta name="color:Theme Borders" content="#eee"/>

----------------------------------------------------------------------------------------------------

02- Paste before "</style>" the following code

.topbar, .bottombar, .leftbar, .rightbar{
    position:fixed;

    background:{color:Theme Borders};
}

.topbar{
    top:0;
    left:0;

    width:100%;
    height:30px;
}

.bottombar{
    bottom:0;
    left:0;

    width:100%;
    height:30px;
}

.leftbar{
    top:0;
    left:0;

    width:30px;
    height:100%;
}

.rightbar{
    top:0;
    right:0;

    width:30px;
    height:100%;
}

----------------------------------------------------------------------------------------------------

03- Paste under "<body>" the following code

<div class="topbar">
</div>
<div class="bottombar">
</div>
<div class="leftbar">
</div>
<div class="rightbar">
</div>

----------------------------------------------------------------------------------------------------

04- Update Preview -> Save. Refresh the page.

----------------------------------------------------------------------------------------------------

05- In your "Appearance" section you will see an option to change the colors of the borders.