Vivir Sencillamente para ser feliz

Trucos, ofertas, bricolaje, manualidades, posicionamiento, SEO, Blogs...

Cómo crear enlaces por categorías en Blogger / Wordpress

Cómo crear enlaces por categorías en Blogger / Wordpress




En los Blogs muchas veces puede ser interesante, el clasificar las entradas por categorías, pero no con una nube de etiquetas o cloud tasks sino tener en la cabecera  (header) o en un lateral (sidebar) una serie de links con las categorías en las que tengamos divididas las entradas de nuestro blog.




Aparte de la nube de etiquetas, yo no había encontrado ningún widget o gadget que lo hiciera. Así que se me ocurrió una forma sencilla de hacerlo y que os pongo a continuación por si os sirve de ayuda.


Hay que seguir dos pasos principalmente:


1.- Clasificar todos los posts, si no los tenemos hecho ya, por las categorías que queramos definir en nuestro Blog:


Para ello iremos en Blogger por ejemplo en Creación de entradas->Editar entradas, seleccionando las entradas y modificando las etiquetas que hagan falta, para que cada entrada tenga su categoría o categorías correcta.




2.- Una vez hecho eso, que és el trabajo más duro, lo siguiente será crearnos un gadget de HTML/Java script que colocaremos allí donde queramos tener las categorías:






En este gadget colocaremos los links de las categorías, usando el siguiente código:


Para Links de texto:


<a href="http://www.vivirsencillamente.com/search/label/SEO">SEO</a>


Sustituiremos la url "www.vivirsencillamente.com" por la de nuestro blog, y "blogger" por la etiqueta o categoría que vayamos a crear. 


El formato sería este para un link de texto:


<a href="Dirección de la entrada">Título de la entrada</a>


Para links con imágenes:

<a href="Dirección de la entrada">Título de la entrada</a><div style="text-align: right;"><a href="Dirección de la entrada"><img src="Dirección de la imagen.jpg" border="0" height="50" /></a></div>



<div style="text-align: right;">: Esto es para que la imagen salga a la derecha. En lugar de right se puede usar left y center para la izquierda y para que aparezca centrado.




También os puede interesar meter saltos de línea entre los links:


Saltos de línea: La tag <br>inserta un salto de líneadonde se coloque. Puede colocar tantas como desee y se insertará un salto de líneapor cada una de ellas.


Así quedaría el resultado:



Espero que os sirva.

0 comentarios:

Publicar un comentario

 
Powered by Blogger