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

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. 

Posted in: Diseños,zona de blogger