Simple Steps to Create an Organized and Visual Blogroll {Video}

March 22, 2011

16 Comments

by

Topics: Blog, Blogging Tips

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:

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

Mirna ArceMirna Arce enjoys her time between her graphic design passion and her frugal living in Ahorros Con Cupones. Both sites are written in Spanish, her native language. You can see her work at Ilumina Tu Blog. Follow Mirna on Twitter and connect with her on Facebook.

Related posts:

  1. Want to Monetize Your Blog? Create a Media Kit {Part 2 of 2}
  2. Want To Monetize Your Blog? Create a Media Kit {Part 1 of 2}
  3. 8 Ways to Create an Effective Home Page

16 Comments | Leave your own

Related posts:

  1. Want to Monetize Your Blog? Create a Media Kit {Part 2 of 2}
  2. Want To Monetize Your Blog? Create a Media Kit {Part 1 of 2}
  3. 8 Ways to Create an Effective Home Page

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge