Techy Tips on Tuesdays - Thumbnail List (for linky parties or tutorials)

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!!

Share Tweet