Picture on Sidebar

Picture on sidebar is a blog modification I saw on "The View From Taiwan" website. I really like it and I think it added a great deal to his website. I made the same changes to mine, and since the default theme is nature I tried to stick with it by using pictures of trees.

The code is very simple. Go down the lines until you find

<!-- Begin .box -->

This line indicate the start of your sidebar box, which is the general area we wish to insert the picture. Now go down and look for the line

<h2 class="sidebar-title">Links</h2>

This line indicates one of your Sidebar Title will show up as "Links". Right above that is where we would want to place this new line of your final result will look like below.

<br><img width="210" src="your picture link location"/><br><br>
<h2 class="sidebar-title">Links</h2>

You can do the same above Archive, which follows the same logic, just go and find that h2 class="sidebar-title" ID which represents Archive. Forexample, this is what you want.

<br><img width="210" src="your picture link location"/><br><br>
<h2 class="sidebar-title">Archive</h2>

I hope you find the explination helpful, all credit goes to Michael Turton, since I first saw it on his blog site.


Post a Comment

<< Home