Blogging Tip: How to create a sidebar

Not too hard, is it? Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer vestibulum sem nec augue. Vivamus suscipit, nisi non porttitor imperdiet, lorem mauris accumsan mi, et tincidunt est mi eu augue. Curabitur vehicula justo ac eros. Nulla sed justo. Pellentesque pede lacus, tincidunt non, gravida nec, volutpat sit amet, turpis. Duis condimentum nulla sit amet odio tempus porttitor. Fusce non nisl. Quisque in augue vitae turpis nonummy cursus. Cras lectus est, mattis scelerisque, luctus eu, lacinia nec, libero. Nullam risus. Nullam convallis nunc non quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sagittis eleifend massa. Aliquam erat volutpat. Integer sit amet ligula. Donec pharetra ipsum. Vestibulum vehicula ligula quis purus. Nam accumsan orci quis nulla. Proin blandit lacus id elit. Pellentesque ante. Quisque ante orci, pretium nec, sollicitudin a, rutrum a, odio. Morbi feugiat mollis lacus. Cras elementum commodo neque. Maecenas magna risus, commodo in, consequat a, fringilla sit amet, tortor. Fusce faucibus lacus. Quisque risus. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ultricies blandit felis. Fusce id nisi a nibh vestibulum nonummy. Sed elementum elit nec arcu. Nunc vehicula metus vel augue. Vivamus faucibus enim at nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi dui purus, blandit eget, facilisis eu, accumsan et, augue. Vivamus mattis tellus eget arcu aliquam feugiat. Morbi lacus massa, pharetra vel, placerat vitae, scelerisque congue, dui. Pellentesque posuere, erat eu adipiscing laoreet, mauris arcu adipiscing lorem, sed fermentum dui ipsum ut velit. Nullam urna lorem, faucibus interdum, rutrum nec, vulputate id, risus. Cras dignissim, est sed posuere posuere, tortor orci interdum diam, id cursus metus massa non dolor. Phasellus laoreet, dui sed egestas porttitor, tellus neque facilisis arcu, non nonummy lacus nisi non metus. Nam eu dolor id turpis luctus elementum. Phasellus et leo. Fusce velit sem, luctus nec, adipiscing vitae, sollicitudin vitae, metus. Sed sed purus ut ipsum pharetra adipiscing. Integer porttitor metus tristique nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin hendrerit luctus sem. Phasellus mattis nulla vel erat.

I have been asked how I created a sidebar in an article. It is really rather simple. I used the <table> html element like this.

<table align="right" width="40%"><tbody><tr><td>
<strong>Not too hard, is it?</strong>

<small> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer vestibulum sem nec augue. Vivamus suscipit, nisi non porttitor imperdiet, lorem mauris accumsan mi, et tincidunt est mi eu augue. Curabitur vehicula justo ac eros. Nulla sed justo. Pellentesque pede lacus, tincidunt non, gravida nec, volutpat sit amet, turpis. Duis condimentum nulla sit amet odio tempus porttitor. Fusce non nisl. Quisque in augue vitae turpis nonummy cursus. Cras lectus est, mattis scelerisque, luctus eu, lacinia nec, libero. Nullam risus. Nullam convallis nunc non quam.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sagittis eleifend massa. Aliquam erat volutpat. Integer sit amet ligula. Donec pharetra ipsum. Vestibulum vehicula ligula quis purus. Nam accumsan orci quis nulla. Proin blandit lacus id elit. Pellentesque ante. Quisque ante orci, pretium nec, sollicitudin a, rutrum a, odio. Morbi feugiat mollis lacus. Cras elementum commodo neque. Maecenas magna risus, commodo in, consequat a, fringilla sit amet, tortor. Fusce faucibus lacus. Quisque risus. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ultricies blandit felis. Fusce id nisi a nibh vestibulum nonummy. Sed elementum elit nec arcu.

Nunc vehicula metus vel augue. Vivamus faucibus enim at nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi dui purus, blandit eget, facilisis eu, accumsan et, augue. Vivamus mattis tellus eget arcu aliquam feugiat. Morbi lacus massa, pharetra vel, placerat vitae, scelerisque congue, dui. Pellentesque posuere, erat eu adipiscing laoreet, mauris arcu adipiscing lorem, sed fermentum dui ipsum ut velit. Nullam urna lorem, faucibus interdum, rutrum nec, vulputate id, risus. Cras dignissim, est sed posuere posuere, tortor orci interdum diam, id cursus metus massa non dolor. Phasellus laoreet, dui sed egestas porttitor, tellus neque facilisis arcu, non nonummy lacus nisi non metus. Nam eu dolor id turpis luctus elementum. Phasellus et leo. Fusce velit sem, luctus nec, adipiscing vitae, sollicitudin vitae, metus. Sed sed purus ut ipsum pharetra adipiscing. Integer porttitor metus tristique nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin hendrerit luctus sem. Phasellus mattis nulla vel erat. </small>
</td></tr></tbody></table>

Why would a blogger want to create a sidebar?

The main purpose of a sidebar is to allow you to include tangents that are related to the main body of an article but do not fit into the flow of the argument. They are leftovers, scraps that would either have to be cut and thrown into the bitbucket or made into their own post. They might include your cleverest writing. It's a shame to lose those little scraps. Keep them and put them in a sidebar.



Technorati Tags: html, blogging, sidebar