I’ve had several clients express desire to save room on their sidebars. One way to save space on your sidebars is to do a side by side button with the coding. Today, I decided to demonstrate how this can be done while helping to keep those sidebars clean.

Want the desired look above? Follow Along!

1.) Step 1: Host your button on Photobucket. – Photobucket is easy and simple and FREE!

2.) Step 2: Upload your button:

Select File

Once Upload Successfully – CLICK ‘Save and Continue to my album’

This is what you should see!

3.) Next:

Copy this coding into an HTML Widget for BLOGGER or a Text Widget for WordPress

<center><table border=”0″ width=”100%”>

<tr>

<td align=”center”><img src=”DIRECT URL LINK from Photoshop” alt=”” /><br/>

Copy and Paste Code

</td>

<td align=”center”><textarea cols=”13″ rows=”9″><a href=”BLOG URL” target=”_blank”><img src=”DIRECT URL LINK from Photoshop” border=”0″></a></textarea></td>

</tr>

</table></center>

4.) Your HTML Coding should look like this once code has been inserted:

<table border=”0″ width=”100%”>

<tr>

<td align=”center”><img src=”http://i1186.photobucket.com/albums/z371/InfusionDesign/BlogButton-4.jpg” alt=”” /><br/>

Copy and Paste Code

</td>

<td align=”center”><textarea cols=”13″ rows=”9″><a href=”http://infusiondesignstudios.com/” target=”_blank”><img src=”http://i1186.photobucket.com/albums/z371/InfusionDesign/BlogButton-4.jpg” border=”0″></a></textarea></td>

</tr>

</table>

5.) When your complete – It will look like this..