Poner Íconos y Enlaces en Vertical en la Sidebar del Blog

En muchas ocasiones he necesitado poner los iconos en fomra vertical (columna) en mi blog, pero cuando los iconos son pequeños estos suelen acomodarse de acuerdo a las dimensiones de la barra lateral de nuestro blog, esto sucede cuando ponemos los iconos en un enlace normal para una imagen.

 En este artículo veremos cómo poner iconos y enlaces en  vertical (columna) con su respectivo titulo, imagen y enlace, pero a diferencia de un enlace normal es que no importa si el tamaño del icono es pequeño o grande este se acomodará en forma vertical en tu sidebar.

Para ello copiamos el siguiente código:

<ul>
<li><a href="Aquí-tu-enlace" rel="nofollow"><img valign="middle" src="URL-DE-TU-IMAGEN"/> Título-del-enlace</a></li>

<li><a href="Aquí-tu-enlace"><img valign="middle" src="URL-DE-TU-IMAGEN"/> Titutlo-del-enlace</a></li>

<li><a href="Aquí-tu-enlace"><img valign="middle" src="URL-DE-TU-IMAGEN"/> Título-del-enlace</a></li>

<li><a href="Aquí-tu-enlace" rel="nofollow"><img valign="middle" src="URL-DE-TU-IMAGEN"/> Títulodel-enlace</a></li>
</ul>

Pégalo en un Elemento HTML  en tu sidebar, ve a Diseño > Añadir gadget elige HTML/Javascript pega el código guárdalo y ubicalo donde tú quieras. Puedes poner tantos enlaces como quieras.