Welcome back to Techy Tips on Tuesday!!
When I first started linking up to parties, I knew I needed to come up with an organized way of listing all of the buttons. {I say organized because I may have a slight case of OCD :) }
This is what I came up with (check it out for yourself here):
Do you want to do this too? It can be accomplished by using HTML tables {don't be intimidated!}. You will need to use the "Edit HTML" tab of your post editor. It may be helpful to also reference this Techy Tip post on HTML.
<table>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
red - This code should go at the beginning and end of each table you create {these are the table headers}
green - This indicates a row
blue - This indicates a cell
So as an example, let's say you want to make a table look like this:
A B
C D
The code would look something like this:
<table>
<tbody>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</tbody>
</table>
You can then replace each of the letters with a different button code.
<table>
<tbody>
<tr>
<td><copy button code here></td>
<td><copy button code here></td>
</tr>
</tbody>
</table>
To make it all visually appealing, each button needs to be the same size. I did this by adding this code: width="125" and height="125".
<table>
<tbody>
<tr>
<td><a href="blogbuttonaddr1.com"><img height="125" src="blogbuttonlocation1" width="125" /></a></td>
<td><a href="blogbuttonaddr2.com"><img height="125" src="blogbuttonlocation2" width="125" /></a></td>
</tr>
</tbody>
</table>
AHHH! Everything nice, neat and organized looking. Love it!!
You can apply the same technique for a list of tutorials, or whatever else you can think of!
If you still have some questions or just aren't sure how to get started, don't hesitate to ask!!
