#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Tooltip
Iniciación con Photopea
Photopea, editor de imágenes gratis
Plantilla ClickMag-2
Introducción al HTML
Hacer tooltip con una imagen
Rutinas The Ordinary
Personalizar la primera letra de las entradas del blog
Convertidor PDF, JPG, Word, Excel, PNG...
Efectos imágenes para las entradas de nuestro blog
Plantilla Vogue
Cómo Insertar un PDF en excel
 Códigos de colores RGB y hexadecimales
Textos con sambra CSS
Slideshow para blogger
Buscador para nuestra página con un widget
 Plantilla Live Style Material Design Blogger
Hacer una copia de seguridad de nuestra plantila
Otro Sitemap para blogger
Pie de texto en nuestras imagenes
Getsitecontrol widgets de suscricion y mucho mas
Cuadro de suscricion a nuestro blog
Caja de suscripción a tu blog.
 Plantilla Square Modern Magazine Blogger

Widget Nube De Etiquetas

Es un widget muy sencillo donde podrás insertar una nube de etiquetas basado en flash
En diseño < Añadir un gadget

Pegamos el siguiente código




ver código 

<center><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0x000000&mode=tags&distr=false&tspeed=100&tagcloud=&lt;tags&gt; &lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_1' style='12'&gt;ETIQUETA_1&lt;/a&gt; &lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_2' style='12'&gt;ETIQUETA_2&lt;/a&gt; &lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_3' style='12'&gt;ETIQUETA_3&lt;/a&gt; &lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_4' style='12'&gt;ETIQUETA_4&lt;/a&gt; &lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_5' style='12'&gt;ETIQUETA_5&lt;/a&gt; &lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_6' style='12'&gt;ETIQUETA_6&lt;/a&gt; &lt;/tags&gt;" type="application/x-shockwave-flash" height="200" src="http://sites.google.com/site/scriptsbalcon/b/tagcloud.swf" id="tagcloud" bgcolor="#ffffff" width="360" name="tagcloud"></embed></center>
Ahora reemplaza en cada uno de los enlaces:

TITULO BLOG por el título de tu bitácora, sin el http:// ni el .blogspot.com.

ETIQUETA_1 por el texto de la etiqueta (cada una debe incluirse dos veces). Es importante que escribas la etiqueta tal cual aparece en tus entradas, introduciendo las letras mayúsculas si es necesario, así como los espacios que contenga (si está compuesta por varias palabras).

Ten en cuenta que las etiquetas con acentos no se mostrarán correctamente y pueden impedir el correcto funcionamiento del truco, así como las de mayor extensión.


Personalizar la nube

tcolor=0x000000 Representa el color del texto. Para cambiarlo, accede a la tabla de colores y reemplaza 000000 por el valor hexadecimal del color, sin incluir la almoadilla (#), solo las seis cifras.

height="200" Representa la altura que tendrá la nube. En el ejemplo tiene una altura de 200px (recomendada para la mayoría de las barras laterales) pero puede editarse a tu gusto.

bgcolor="#ffffff" aporta el color de fondo. Cambia el valor #ffffff (colo blanco) por el color de la tabla de colores que desees.

width="360" Representa el ancho de la nube. Si vas a situarla en la sidebar te recomendaría un valor entre los 180 y los 200 píxeles.

En caso de querer mostrar más etiquetas, agrega líneas como esta, debajo de las presentes:

&lt;a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_6' style='12'&gt;ETIQUETA_6&lt;/a&gt;

Del mismo modo, si deseas mostrar enlaces a páginas web o blogs en lugar de etiquetas, utiliza líneas como esta:

&lt;a href='URL DE LA PAGINA' style='12'&gt;TITULO&lt;/a&gt;

En URL DE LA PAGINA introduce la dirección del enlace y sustituye TITULO con el texto del link.

Guarda el gadget para terminar.


ver código
vvvvvvvvvvvvvvvvvv 
Texto del enlaceTexto del tooltip

Publicar un comentario

0 Comentarios