31

Como colocar el botón de Wikio

Me envía Tomás un email donde dice:

Quiero agregar un botón de Wikio al final de cada artículo para que, quien quiera, pueda compartir ese artículo.
Pero no sé cómo hacerlo.


[1] Accedemos a la web de Wikio, concretamente a la página para obtener el código del botón.

[2] Marcamos la casilla del modelo de botón que vamos a usar.

En el caso del botón Interactivo (pop-up), marcamos a continuación los servicios que se van a mostrar en el despegable del botón.

[3] Copiamos el código que nos proporcionan.

Boton Wikio


En el caso de Tomás, quiere colocarlo al pie de sus entradas.

[1] Iremos a nuestro panel de Blogger y en Edicion HTML deberemos marcar la opción "expandir las plantillas de artilugios", para localizar esta línea dentro de la plantilla:

<div class='post-footer-line post-footer-line-3'/>

[2] Pegamos el código para el botón a continuación y, antes de guardar los cambios en la plantilla, haremos unos "retoques" en el código del botón ya que si no lo hacemos así, nos saltará un mensaje de error.

El cambio es sencillo, solo hay que añadir dentro del código donde veamos este simbolo: & justo a continuación, pegado y sin espacios, esto: amp;

Este añadido lo hacemos todas las veces que el símbolo: & aparezca en el código del botón.

[3]
Guardamos cambios.

Entradas Relacionadas:

31 comentarios:


Jorge Ángel Aussel

Hola Rosa. Especialmente pasaba a saludarte y me encontré con que has subido esta entrada. La verdad es que todavía tengo que informarme más sobre wikio, pues no sé mucho de qué trata, pero ya lo averiguaré...

Te mando saludos Rosa!

Ángel Poético

Deportivista

He hecho unas pruebas y el botón funciona mal al añadirle el "amp;".

Anónimo

Deportivista Lo único que hacemos al añadirle el amp; es colocar un parámetro para que Blogger acepte el código, eso no tendría porque afectar al funcionamiento del botón...

Anónimo

Jorge Ángel Tampoco merece demasiado la pena Wikio, la verdad...

¡Un abrazo!

Anónimo

Hola Rosa:

Ya he hecho esta tarea que me mandaste (je,je).

Quería plantearte una duda que tengo y que me planteó un compañero. Tiene varios blogs, pero uno en concreto lo quiere copiar entero para realizar pequeños cambios en la copia. Es decir, quiere modificar alguna entrada pero mantener la mayoría e introducir después algún pequeño cambio, dejando sin modificar el original. Bueno, no sé si es posible, si me he explicado y si me podrías ayudar.

Gracias por tu atención y ayuda.

Un saludo

Jesús

Anónimo

creaconlaura Si, es posible y además da la casualidad que acabo de recibir dos emails más con la misma cuestión...así que esa será mi próxima entrada.:D

Unknown

hola rosa, mira me gustaria saber que codigo se utiliza para que cambie lo siguiente:

por ejemplo: este blog http://www.animesyseries.com/ tiene como titulo del blog: Anime online | Naruto Shippuden en el buscador pero cuano vemos una entrada como esta

http://www.animesyseries.com/2009/09/sailor-moon-140-espanol-latino.html en el buscador aparece asi Ver Sailor Moon 136 Español Latino osea no aparece el nombre del blog al principio ni al final osea Que cambio eso por la palabra VER, y solo aparece en google el titulo del post

te consulto porque eres la experta y se qu debes de tener el truco

estare pasando por aca para ver si me contestas, gracias

Unknown

Hola Rosa,
En mi código HTML no aparece
div class='post-footer-line post-footer-line-3'/>

¿Cómo resuelvo el problema?

http://ulises3000.blogspot.com

Ya me ocurrió lo mismo con "Contador de visitas de cada post" y no pude colocalo.

Gracias por tu ayuda.

Anónimo

Hola Rosa, acabo de leer en Chica Blogger que blogger permite mostrar el avatar de blogger en los comentarios (los de los anónimos no) lo que no acabo de entenderlo muy bien, o sea no sé que cambios debería hacer yo en mi blog que tengo puesto un avatar para diferentes tipos de comentaristas: El mío, el de los que comentan normalmente y NO son anónimos y el de los anónimos.
Chica Blogger - avatar en los comentarios veo todavía muy verde este tema y me da miedo tocar la plantilla sin saber por donde empezar y hacer algún estropicio, podrías explicar un poco cómo funcionaría esto en una plantilla ya modificada anteriormente? por que la verdad parece un gran avance que nos regala blogger en su último aniversario que podríamos aprovechar ;)

Salu2!!

Anónimo

Dark David Pues no... no se como lo ha hecho.

Juan Carlos P

Mira Rosa esta nota la leí el día miercoles 16, me pareció muy interesante :

http://diyva.blogspot.com/2009/09/nueva-opcion-en-bloggeravatar-en-los.html

Por fin avatares en los comentarios

Anónimo

Nicolás Mira si tienes: <p class='post-footer-line post-footer-line-3'/>
en algunas plantillas sale así...

Anónimo

Espineli He estado con problemas de Internet (cambio de operador) y ya sabes como es eso... es la primera noticia que tengo de eso lo que tu me cuentas, enseguida me pongo a investigar :D

Anónimo

Espineli Ya leí a Chica Blogger... para implementar eso antes tienes que quitar lo que añadiste para distinguir los comentarios.
Ya sabes...las mismas instrucciones de la entrada de donde añadiste eso te servirán para deshacer los cambios.

Anónimo

Juan carlos Sii, gracias!!!:D

Unknown

Hola Rosa,
Me aparece un 2 en vez del 3.
¿Es lo que buscamos?

Anónimo

Nicolás Si, hay un 1 un 2 y un 3, aunque en algunas plantillas puede haber sido eliminado el 3, así que el 2 pasa a hacer su misma función... marcar el final del post-footer

Cêz

Caray, esta entrada si que esta en chino, jejeje, honestamente no me sirve mucho el Wi no se qué jejeje. Se te agradece tu sabiduría. Un fuerte abrazo :D

NyA

adicionada ao meu blogger Gracias;)

sephi

rosa yo lo uso hace huuuuuuuuuu pero quiero poner el boton de votacion como hacerlo? mira en wordpress baja el plugin muy padre esta es ndinamico y el de nosotros en blogger es estatico, y ya que ellos bajan el plugin viene opciones para acomodarlo a su gusto por ejeplo ella:
http://www.esmeraldasblog.com/como-descargar-un-album-de-fotos-en-facebook.html
en ese ejemplo veremos como yo quiero algo asi ayuda please, mira en mi blog:
http://unimundiblogger.blogspot.com/2009/10/ver-canales-justin-y-peliculas-en.html
aparece asi enseñanos como hacer tipo wordpress a un lado en blogger

Anónimo

javfanel Pues no tengo ni idea...supongo que en la web de Wikio lo proporcionen, lo que ya no se es si puede usarse en Blogger...

planck956

Hola Rosa, ante todo agradecerte tu esfuerzo y dedicación.

He usado el botón de wiki para compartir, lo que sucede es que solo funciona en las entradas individuales y no en la página principal. ¿Sabes de alguna modificación para que funcione en las individuales?

Saludos¡¡

Anónimo

planck956 No, lo siento... la verdad es que me he limitado ha explicar como hacer que Blogger lo acepte... por lo demás, es Wikio quien controla como funciona.

planck956

Gracias Rosa, investigaré si se pude modificar el código, si lo consigo ya te informo.

Saludos¡¡

zux

hola, no aparece el codigo que mencionas :O

solo aparece este en mi blog, quizas me puedas ayudar

div class='post-footer-line post-footer-line-3'><span class='post-location

gracias

Anónimo

Zux No entiendo... tu código es el mismo del que yo hablo...

div class='post-footer-line post-footer-line-3'>AQUI VA EL CODIGO DEL BOTON<span class='post-location

jhony chilon

a mi si me funciono pero no me gusta lo hace lento al blog...
www.chilonunellez.blogspot.com

Rossana Malchuk & Hen Bloom

Hola Rosa,

Muchas gracias por toda la ayuda!! Mi blog es otro desde que empecé a leer los tutoriales y el tuyo es muy fácil!

Tengo una pregunta respecto a los botones (cualquiera): Ya tengo configurado el botón "leer más" en mi home y me gustaría poner los FacebookShare y Retweet, pero al final del post original, no antes de que lo lean, es decir, una vez que ya hicieron click en "leer más" que ahí aparezca el botón. No se si me explico bien...

Saludos!

Anónimo

RossanaTendrás que envolver el código de los botones entre:
<b:if cond='data:blog.pageType == "item"'> y </b:if> para que solo se vea en las páginas de cada entrada.

Curiosa

Hola.

Me estoy desesperando un poco con el botoncito jajaja. Tengo horas tratando y nada que lo acepta.Al final llegué a este post y cuando agregué el amp; no hizo nada.

Estoy tratando de agregar el código para que se vea pop-up y nada resulta.

¿Podrías ayudarme por favor?

Gracias.

Anónimo

Curiosa No se que más decirte que no sea lo que pone la entrada... así lo hice yo misma con el botón popup... añadiendo los amp; y funciona sin problemas...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S