Botón para votar en Bitácoras.com

14 de mayo de 2010 58 comentarios ,
Ya hemos visto cómo poner un botón para compartir los artículos en Facebook y Twitter, ahora le toca el turno a Bitácoras.com

Pondremos un botón para que los lectores puedan votar un articulo y así facilitar que se posicione en los primeros lugares de la portada de Bitácoras de forma más rápida.

Hay distintos botones (agregadores) que puedes colocar, en todos los casos es el mismo procedimiento.
Entra en Plantilla | Edición de HTML y localiza esta línea:
<data:post.body/>

Debajo de ella agrega lo siguiente:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/normal/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>

El resultado será el siguiente:

bitacoras.com

SI quieres un botón más grande entonces el código que debes pegar es este:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/big/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
Y se verá así:

bitacoras.com

Para un botón más pequeño el código a pegar es el siguiente:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
Quedará de esta forma:

Bitacoras.com

Y para ese mismo mini botón pero sin imagen de fondo sería con este código:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini2/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
Y el resultado será este:

Bitacoras.com


Si quieres que el botón se muestre SÓLO en las entradas individuales y no en la página principal del blog entonces encierra el código que hayas elegido en un código condicional. De esta forma:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

...Código del botón...

</b:if>


Cualquiera de esas opciones será estupenda para promocionar tus entradas en Bitácoras y tendrás muchas más posibilidades de conseguir más votos por tu artículo.

NOTA: Es posible que la etiqueta <data:post.body/> la tengas dos o más veces, si no ves resultados pon el código en las demás donde no lo has colocado.


58 comentarios en:

" Botón para votar en Bitácoras.com "

  1. perdon la ironacia pero para que sirve la pagina
    Bitácoras.com

    ResponderEliminar
  2. Para enviar noticias (entradas) y votar por ellas:
    http://blip.tv/file/2355872/

    ResponderEliminar
  3. muchas graxias a buen blog el tuyo ;)

    ResponderEliminar
  4. Vengo a menudo por el blog. Me parece fantástico y aprendo mucho de tu trabajo.

    Ahora va mi primer comentario:

    Tengo un "problema". CUando busco , no me aparece uno, sino 6. ¿Cual debo elegir?

    Saludos!

    ResponderEliminar
  5. Que tal ?. Solo queria felicitarte/ o felicitaros a los administradores de este blog. LO descubrí hace poco, me suscribi a el, y de verdad agradezco vuestro abnegado y excelente trabajo que nos ofreceis a todos los demas. Un abrazo a todos /as.

    ResponderEliminar
  6. Hola MIke, prueba ponerlo arriba de la primera que tienes pero no guardes los cambios, dale vista previa y revisa que ha quedado bien.

    - KANALLA -, te agradezco tus comentarios, eres bienvenido las veces que desees ;)

    ResponderEliminar
  7. Hola Potro!! Primero quiero felicitarte por tu web, me ayudado demasiado para no decir todo. Queria preguntarte si puedes publicar un post igual que este pero en vez de bitacoras que sea Meneame ya que tambien es una web muy importante para conseguir tráfico.
    Gracias, te dejo el link de mi pagina para que veas como ha quedado gracias a todos tus artículos y consejos:

    http://www.koolyeah.com.ar

    ResponderEliminar
  8. Hola KoolYeah!,

    Desconozco si haya un widget de Meneame para contabilizar los votos, es decir, se puede usar un botón como el de los marcadores sociales que enviaría la noticia pero no cuenta los votos.
    Buscaré si encuentro algún widget de ellos que permita votar la nota.

    Saludos.

    ResponderEliminar
  9. Muy bueno muy bueno aun te hace falta el de Google Buzz
    aunque ya es mucho de estar agregando cosas por que el mio cada vez que sale algo de esto lo ando agregando
    jajaja

    muy bueno, ademas si no te has dado cuenta agrege el de ME GUSTA de Facebook

    ResponderEliminar
  10. Te pasa como a Cyberbloggero que cada vez que veía algo nuevo lo quería agregar jaja.

    ResponderEliminar
  11. Hola, Potro! Ya puse el botón más pequeño. Muy bueno! Solo que no me queda en la posición que tus ejemplos, sino que me queda al final del primer segmento del post, después de mi "Leer más". Quisiera saber, en ese caso, cómo debería hacer.
    Pero si no, lo que hice fue ponerlo junto al título de la entrada (junto a los dos botoncitos de compartir en facebook y twitter, que nos enseñaste en otro post). Creo que así me gusta más, para que los 3 botones me queden juntos y en la misma línea.
    Yo utilicé (para todos los casos) los botones más pequeñitos y los 3 me quedan en la misma línea. El de facebook y twitter quedan juntitos, pero queda un espacio grande entre éstos y el nuevo, de bitácoras.
    ¿Cómo puedo hacer para que los 3 me queden todos juntitos?
    Gracias por todos tus trucos y tu gran ayuda.
    Saluos!

    ResponderEliminar
  12. Hola Vicky,

    No te aseguro que puedan quedar perfectamente alineados los tres pues dos de ellos son scripts y suelen interponer espacios entre ellos.
    Intenta de este modo, pega justo arriba de esta línea:
    <!-- boton facebook -->

    Lo siguiente:
    <li>
    ...codigo de bitacoras...
    </li>

    Saludos.

    ResponderEliminar
  13. Potro te envie un mensaje, espero que me ayudes! mil gracias

    ResponderEliminar
  14. Potro soy Franco! ya no tomes en cuenta el mensaje que te envié! creo que utilizare la 2da plantilla ya que me di cuenta q traia problemas por modificar el ancho del blog, y bueno ya descubri algo para que las imaenes grandes se vean mas chicas pero completas! solo por eso lo hacia y el resto que te decia en el mensaje ya viene aca! gracias de iogial manera siempre consultaré contrigo! y disculpas! saludosssssssss amigo!

    ResponderEliminar
  15. OCTAGONO3D, al rato le echo una mirada a esos correos.

    arquitectura online, qué bueno que ya lo has solucionado ;)

    ResponderEliminar
  16. hola potro:

    espero que me puedas ayudar, tu sabes como funciona ya que en webmaster tools; en el rendimiento del sitio me sale esto "Habilitar la compresión con gzip"
    y el problema es que no se activarlo.
    gracias

    ResponderEliminar
  17. Hasta donde sé la compresión gzip sólo es para webs hechas con PHP, así que Blogger queda descartado.

    ResponderEliminar
  18. hola potro.. tengo un problema y espero que me puedad ayudar.

    mira tengo un blog recientemente creado es http://verfutboltotal.blogspot.com. He subido mi sitemap a la pagina de herramientas para webmasters de google, y ahi me aparecen 31 errores de rastreo restringidos por robots.txt. Me preocupa mucho porque no aparezco en google, espero que me puedas dar una solucion... GRACIAS

    ResponderEliminar
  19. Hola Chilaverde,

    Depende de qué errores sean, la mayoría de las veces son porque se cambio el nombre de la entrada o se eliminó la entrada y el robot ya no puede acceder a ella.
    En cualquier caso no podemos hacer mucho pues los usuarios de Blogger no tenemos acceso al archivo robots.txt

    Saludos.

    ResponderEliminar
  20. gracias potro, tienes razon la compresion es solo para web´s hechas con php

    ResponderEliminar
  21. Hola Potro, tiempos sin venir por aca. Te cuento que ya tengo otro blog, uno cristiano por cierto. Un pedacito de ese blog ha sido gracias a tu ayuda q siempre me has brindado. este es el enlace si deseas visitarlo http://www.blogdecristo.com/

    Fijate q he visto un efecto bien curioso en el cual las imagenes aparecen con un efecto vistoso cuando uno las va visualzando.

    Esta es la web de ejemplo: http://www.1stwebdesigner.com/freebies/high-quality-free-xhtml-templates-2010/

    Se puede hacer esto en blogger? gracias.

    ResponderEliminar
  22. Hola @rielCastellanos,

    Qué gusto leerte de nuevo por aquí. Desconozco cuál sea el método que emplean en esa web, así que no sabría decirte cómo hacerlo.

    Saludos.

    ResponderEliminar
  23. Hola El Potro, Ya No Soy Blogio, Soy "Alejo" E Cambiado de nombre,Imagen,Blog(de Nuevo Jeje) y de Todo.
    Salu2.

    ResponderEliminar
  24. Jajajaja, ok, esperaré a la próxima semana que cambies de nuevo el nick, jajaja.

    Un abrazo!

    ResponderEliminar
  25. Que bueno! siempre me pregunté de donde se sacaban esos botones. Un par de veces busque en bitácoras pero no encontré nada...:(

    Un abrazo!!!

    ResponderEliminar
  26. La página de Bitacoras siempre me ha parecido muy desordenada, yo batallo mucho para encontrar cualquier cosa, incluso para ver mi lista de blogs :s

    ResponderEliminar
  27. jajajajajaja, así es.. me ha pasado lo mismo cuado quise agregar videos graciosos al directorio, no podía hallar donde era!

    Un abrazo!!!

    ResponderEliminar
  28. Jajaja, eso me pasó igual para dar de alta a Respondones ya Fondos240, estuve como media hora buscando cómo agregarlo :s

    Un abrazo!

    ResponderEliminar
  29. Hola, Potro! Gracias por el dato. Lo probé, pero como tú mismo dijiste, tal vez no funcionaría. Los 3 botoncitos quedan más o menos alineados, pero siempre el de bitácoras deja un espacio mayor a su alrededor, sin importar si lo pongo antes o después de los otros dos.
    Pero, bueno; eso no importa tanto; solo son pequeños detalles. Lo importante es que el botón me funciona bien. Así que muchas gracias.
    Me parece (no sé si estoy equivocada), que la imagen misma del botón es la que es un poco más grande que lo que se muestra. Como que tuviera una parte "invisible" antes de ella. Digo esto porque, del lado izquierdo de la imagen, solo con acercarse a ella, ya aparece la "manito" del cursor y el botón muestra el "hover". Y esto, aún sin posar el mouse sobre la imagen. No sé si esto tenga algo que ver.
    Solo por curiosidad ¿se podría cambiar esa imagen, sin que esto afecte el funcionamiento de ese botón de bitácoras?
    Muchísimas gracias por todo. ¡Salu2!

    ResponderEliminar
  30. Hola Potro, yo agregue el botón de bitacoras, ya tenia el de facebook y twitter, los ejemplos que tu dijiste, pero quice cambiar el de facebook por el que dice ME GUSTA. Quisiera saber como puedo alinear estos 3 botones, y que queden a una corta distancia, que estilos puedo agregarles? Saludos. Aqui esta una imagen para que te des una idea.
    http://i48.tinypic.com/2wqed7c.png Saludos.

    ResponderEliminar
  31. Vicky, aparentemente sólo funciona con las imágenes propias de Bitácoras que que carga desde su servidor sin la necesidad de poner una extensión a la imagen como .GIF

    Borest, en el de Bitácoras busca donde dice float:right; y cámbialo por float:left; con eso se irá hacia la izquierda con los demás.

    ResponderEliminar
  32. Muchas gracias por aclararme la interrogante. Saludos!

    ResponderEliminar
  33. Hola Potro, tengo otra pregunta :S. Mira pues queria saber si hay algun estilo para agregarselo a los botones de compartir que yo tengo, el de facebook, twitter y bitacoras, para que los 3 queden alineados, y no como estan que el de twitter queda un poco arriba y separado de los demas, te lo pregunto porque lo he visto en otros blogs con wordpress, pero se puede hacer eso para blogger? Saludos.

    ResponderEliminar
  34. El de facebook y twitter son scripts que por lo general suelen poner un espacio entre ellos así que no se puede editar.

    ResponderEliminar
  35. Muchas gracias! :D
    tenia el problema de que no me aparecia bien la imagen... pero era porque no sabia que habia que hacer eso en la pestaña de diseño :)

    ahora una duda je... A mi no me queda el boton en la esquina derecha, sino que abajo a la derecha. Solo por saber, como haces que quede ahi arriba?

    saludos y te agendo para entrar mas seguido!

    ResponderEliminar
  36. Hola Marcos,

    Si lo has puesto debajo de la línea que se menciona en la entrada entonces debería quedar en la parte superior derecha, a menos que, no hayas puesto el código en el lugar correcto, o que tu plantilla esté muy modificada y se necesite poner en otra área.

    Saludos.

    ResponderEliminar
  37. Hola Potro, desde un princpio tengo problemas o no lose con bitacoras cada ves que por ejemplo quiero votar para probar me sale esto :
    http://lh5.ggpht.com/_2oDIdiFuF-c/TPRe3mcipRI/AAAAAAAABRI/HxSX3yX5s4E/s1024/opye.png

    Espero saber como inderexar. Gracias

    ResponderEliminar
  38. Hola ARQTEKTON,

    Lo que sucede es que tienes que crearte una cuenta en Bitacoras.com y dar de alta tu blog ahí para que pueda estar dentro de su sistema y así poder participar en las votaciones.
    Saludos.

    ResponderEliminar
  39. Dejame decirte que tu web, me a servido de mucho, eres un capo :D Gracias por todo.!

    ResponderEliminar
  40. Hola, te agrecería mucho que me respondieras, yo al poner el botón de votar posts he probado a votar un post de mi blog y me pone esto: “La bitácora que has indicado no está en nuestra base de datos, pero la evaluaremos para su inclusión. Si eres el autor de la bitácora puedes inscribirla directamente creando una cuenta de usuario” ya me he registrado, ¿Y cómo puedo añadir mi bitácora a Bitácoras.com???

    ResponderEliminar
  41. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  42. Hola Alvarettte,

    Una vez que te registres en Bitacoras.com ingresa a este enlace para dar de alta tu blog:
    http://bitacoras.com/perfil/insertar_bitacora

    Saludos.

    ResponderEliminar
  43. hola queria saber donde poner el codigo para que salga arriba de la fecha del post en la entrada? mira echale un vistazo http://estrenosenpeliculas.blogspot.com justo arriba de la fecha

    ResponderEliminar
  44. O no perdon lo prefiero en la eskina derecha de arriba de cada entrada.

    ResponderEliminar
    Respuestas
    1. Poniéndolo como se explica en la entrada aparecerá en la esquina superior derecha, tal como está en la imagen de ejemplo.

      Eliminar
  45. Hola,

    Muchas gracias por compartir esto, me parece muy importante para mi y util, pero no se porque no lo puedo visualizar correctamente, solo aparece cuadro y palabra votar, espero me puedas ayudar!!! ;)
    No tengo un blog sino una web de plantilla tuneada al maximo

    ResponderEliminar
  46. Hola Potro. Quiero comunicarte que al poner tu código en data:post.body el ícono me salía al final del post y a la derecha.
    Para que me saliera tal como tú lo tienes lo ubiqué justo abajo de div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody' y quedó tal como se ve en una de mis entradas de mi blog Jesica Olmos

    ResponderEliminar
  47. Hola. en primer lugar gracias por el aporte, pero a mi no me sale :( he seguido los pasos pero no me aparece nada. Tengo la plantilla viajes y he modificado el ancho de la plantilla, puede eso influir?

    ResponderEliminar
    Respuestas
    1. Hola Maria Antonia. Es posible que la etiqueta <data:post.body/> la tengas dos o más veces, si no ves resultados pon el código en las demás donde no lo has colocado.
      Saludos.

      Eliminar
  48. Potro gracias por tus aportes, recibe un abrazo de este ciber amigo desde Las Islas Canarias

    ResponderEliminar
  49. Como expando los artilugios ahora Potro? O_O

    ResponderEliminar
    Respuestas
    1. Hola Magos, en el "nuevo" editor ya no es necesario expandir artilugios, ahora sólo da click dentro de los códigos, luego presiona las teclas CTRL + F y podrás encontrar el código que necesites.

      ¡Saludos hasta ese bello lugar!

      Eliminar
  50. Facil, concreto y rapido, ....asi se hace. Gracias.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger