Editor´s note: The following is a guest post by Mirna Arce, from Ahorros Con Cupones.
We all love blogrolls, but having an organized one takes a little work behind-the-scenes. I created a dedicated page to showcase when all the buttons from my blog hermanas, but what I ended up with was a long, endless and messy blogroll page.
My solution to pretty it up was to insert an html code for a table that allows me to place in order all the buttons and have a perfect layout. Check it out here.
The video below shows you step-by-step how to do it. Scroll down for detailed text instructions and the code to just copy and paste. Seriously, it´s that easy.
Follow these easy steps and you’ll have an organized blogroll page:
1- Select the following code and copy pressing CTRL + C :
<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 1, cell 3</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> <td>row 2, cell 3</td> </tr> <tr> <td>row 3, cell 1</td> <td>row 3, cell 2</td> <td>row 3, cell 3</td> </tr> </table>
2- If you switch from HTML view to VISUAL view, You will see the following table:
|row 1, cell 1||row 1, cell 2||row 1, cell 3|
|row 2, cell 1||row 2, cell 2||row 2, cell 3|
|row 3, cell 1||row 3, cell 2||row 3, cell 3|
3- Go to the blog you want to add to your blogroll, copy their button code and then go back to your blogroll page.
4- While in the HTML view, paste the code on the row and cell desired. Keep repeating this step for each blog you want to add.
These instructions will work for blogs in WordPress or Blogger.
With the understanding of HTML, making changes and modifications can be an easy task. Here is the
HTML Table Tags:
|<table>||Defines a table|
|<tr>||Defines a table row|
|<td>||Defines a table cell|
|<table border=”1″>||Defines the size of the border|
Leave a comment if you have any questions about this process and please share with us your new and improved blogroll page link!