Etiquetas en movimiento en Blogger

En el artículo de hoy explicaré como podemos insertar en nuestro blog. Se tratan de conseguir en la barra lateral una nube de etiquetas en movimiento como la siguiente:

Para hacerlo seguiremos los siguientes pasos:

1. En nuestro panel de Blogger, elegiremos la pestaña “Diseño”, y posteriormente la subpestaña “Edición de HTML”.

2. Nos aseguraremos que NO está marcada la opción “Expandir plantilla de artilugios”.

3. Buscamos el siguiente texto:

1
<b:section class='sidebar' id='sidebar' preferred='yes'>

y justo debajo, pegamos el siguiente código fuente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

15 pensamientos en “Etiquetas en movimiento en Blogger

  1. Microboy90

    Pss sirvio,lo puse en un widget y no me mostro nada,algun codigo andara mal.porfavior de checarlo porque eso es l oque andaba buscando,gracias!!

  2. oscargp Autor

    Hola,

    He Microboy90, he realizado algunos cambios, porque no acababa de funcionar según lo planteaba en la mayoría de plantillas:

    La búsqueda recomendable es: b:section class=’sidebar ya que en ocasiones pone sidebar1 o algo similar.

    Se puede verificar en el dominio de siempre de pruebas: http://www.alegriafacil.tk

  3. Avellaneda

    hola
    Lo estoy probando en mi plantilla pero al hacer vista previa se ve más grande que lo que mide la columna…¿cómo modifico el ancho de este bloque?
    Muchas gracias por tu trabajo!

  4. Microboy90

    Oscar,no me funciono y lo hice justo como me dijistes,porfavor ayuda…me interesa mucho ese labe de etiquetas!! gracias oscar por tu ayuda!!

  5. perov

    Интересный у вас блог! Верните назад все моё время жизни, ухлопанное на чтение постов =)

  6. Héctor

    Hola Oscar, mi padre conoce a tu padre, jaja. Bueno, a lo que iba, me gustaría que me recomendaras que publicidad me sale más rentable en mi blog (www.tutoshector.blogspot.com), que no sea AdSense, porque me banearon, motivo: estaba cerca de llegar al pago.
    He probado IW, Infolinks y Smowtion, pero ninguna se acera ni de LEJOS a lo que paga AdSense. Te doy algunos datos de mi blog:
    Visitas diarias: 100 – 50, depende del día…
    PR: 1
    Usuarios únicos absolutos al día: 80 – 40

    Te quería preguntar a ti porque se que tu entiendes bastan de publicidad online y me gutaría que me recomendaras, ya que llevo meses en IW, Infolinks y Smowtion y entre las 3 no llego a los 10 euros, que triste ¿verdad?
    Muchísimas gracias. Espero tu resueta 😉 ¡un saludete desde Viladecans!

  7. WPO

    La verdad, en muchos encontre los mismos pasos que tu indicas, intente cojiendo diferentes maneras, pero nada, no se a que se debe esto…pero no he pidido implementar en mi blog este efecto… me interesa mucho y espero recibir pronto tu respuesta…. saludos muy buen post amigo

  8. marcos

    solo agradecerte por lo que haces pero mi pregunta es yo pongo en html y busco el sidebar pero en el mio no hay esa dirección talvez xq blogger a actulizado su pagina ayudame xfa

  9. ScrinS

    Hola Oscar, cuanto tiempo, me temo que con las plantillas nuevas tienes que retocar esta entrada.

    Creo que es debajo de :

    Hay que decirles para llegar que tienen que seguir esta ruta ir a :

    – Diseño
    – Edición Html
    – Editar plantilla
    – Bucas

    – Pegar debajo tu script.

    Abrazos

Los comentarios están cerrados.