Blog and Web

  • Inicio
  • Foro para Blogger
  • Nosotros
  • Publicidad
  • Plantillas Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • Red
    • SEO
    • Software
    • Tutoriales
    • Uncategorized
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Suscríbete vía RSS
« Bananascript, compresor de Javascript
Menús de navegación basados en CSS »

Crea una nube de tags en segundos

Septiembre 18th, 2007  |  Publicado por Francisco en Recursos en linea  |  5 Comentarios

makecloud.gifLas nubes de etiquetas (tags) o categorías son elementos que pueden servir a mejorar la navegación en tu blog, ayudando a tus lectores a encontrar más rápido lo que buscan. Hace no mucho crear una nube de tags podría resultar algo complejo y tardado, pero gracias a su popularidad aparecieron herramientas como makecloud, con el que puedes hacer una en cuestión de segundos. Solamente:

  1. Entras a makecloud y escribes las dirección rss de tu blog.
  2. Copias el código que se genera y lo pegas en lugar donde quieras aparezca, por ejemplo en el sidebar.

Para darle estilo puede introducirla en un div con una clase y posteriormente definir la clase en tu sección css. Por ejemplo:

Código HTML:

<div class="nube">
<script src='http://www.makecloud.com/cloud.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fblogandweb' type='text/javascript' ></script>
</div>

Código CSS:

.nube {
color: #0099CC;
background:#CCC;
}

Sitio: makecloud.com

Artículos relacionados

  • Nube de tags con el spam en Wordpress
  • Es muy común el uso de nubes de tags para mostrar el...

  • Generador de nube de tags en linea
  • En el artículos "Nube de Etiquetas en el nuevo Blogger" te mostramos...

  • Etiquetas y badges para illustrator
  • Más recursos para los elementos de moda: etiquetas e insignias (badges). Son...

Respuestas

Feed | Dirección de Trackback
  1. sanacorea:

    Septiembre 19th, 2007 a las 5:50 pm (#)

    hola muy buena data pero no habra una pagina asi que haga una nube de tags pero que el tamaño de la palabra varíe según la cantidad de veces que aparezca en la pag??.a y estoy esperando con muchas ganas la plantilla que me prometieron. muchas gracias por seguir blogeando en busca de info par nosotros

  2. Francisco:

    Septiembre 23rd, 2007 a las 1:22 am (#)

    Hola sanacorea, de hecho lo hace, aunque pudiera verse afectado por los estilos donde se coloque. Y para serte sincero no recuerdo eso sobre la plantilla, por el hecho de que no hacemos peticiones especiales de plantillas, pero si me lo recuerdas con un mail o un comentario donde te lo halla dicho, con gusto cumplo.

    Un saludo!

  3. ARETINO:

    Octubre 9th, 2007 a las 12:32 am (#)

    Hola. Leí su post y me he leído casi todo el sitio. Buenos temas y tratados como nos gusta, sin tanta palabreria que desoriente. Acerca de las famosas nubes, las veces que lo he intentado no las de podido configurar porque me aparecen como tags palabras de los post y no de las categorias.

    No se si estaré haciendo algo malo

  4. Germán Angeli:

    Febrero 25th, 2008 a las 10:21 pm (#)

    Hola. Muy bueno este blog.
    Bajé una de sus plantillas y la adapté al mío. Pero estoy queriendo configurar una nube de tags y utilicé MakeCloud pero encuentro dos problemas.
    En primer lugar, las palabras con tildes no aparecen correctamente ya que la letra que la contiene es reemplazada por otro símbolo.
    En segundo término, preferiría que la nube agrupe etiquetas, no palabras del blog.
    Saben cómo podría solucionar este tema?
    Muchas gracias por todo.
    Un saludo.

  5. Francisco:

    Marzo 4th, 2008 a las 10:34 pm (#)

    Como veo que ambos usan blogger, les recomendaría mejor usar el script hecho especialmente para esta plataforma.

Deja tu comentario

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

  • Templates Blogger
  • Foro para Bloggers
  • Aplicaciones web 2.0

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • Red
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Uncategorized
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

Patrocinadores

  • Anúnciate aquí
  • Foros del Blog
  • Web a 2.0
  • BTemplates
  • Zona Chrome
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Adseok
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • Typebased, plantilla elegante para Blogger
  • El hosting de los 100 mejores blogs mexicanos
  • MisTatuajes, comparte tu tatuaje
  • Como agregar una sidebar en una plantilla Blogger
  • Trasladar la barra de estatus de Blogger al sidebar

Comentarios Recientes

  • Francisco en Blogger y su sistema de seguidores
  • Jaime en Optimizar los títulos en Blogger
  • Julian en Pintando con Bob Ross en Photoshop
  • Bassofia en El lugar más seguro para hospedar las imágenes de tu plantilla blogger
  • Francisco en Como agregar una sidebar en una plantilla Blogger

Archivos

  • Noviembre 2008
  • Octubre 2008
  • Septiembre 2008
  • Agosto 2008
  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web - Bajo WordPress. Diseño basado en grindlite.
Condiciones de uso | Política de privacidad