Monday, 28 January, 2013

Add a sidebar to your Skrivr site

First create the sidebar file:

sidebar.html

Add some content to it. In this example a link to the Skrivr Twitter page and some other things we want our visitors to see:

<div id="sidebar">
        <h3>Follow @Skrivr here</h3>
        <ul>
            <li>
            <a href="http://www.twitter.com/skrivr">Twitter</a>
        </li>
            <li>
            Some other stuff
        </li>
        </ul>
</div> <!-- END SIDEBAR -->

When you are done with your html-file include it in the header.html via the include tag:

{% include 'sidebar.html' %}

And thats it.