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='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/normal/" + 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:
SI quieres un botón más grande entonces el código que debes pegar es este:
<a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/big/" + 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í:
Para un botón más pequeño el código a pegar es el siguiente:
<a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/mini/" + 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:
Y para ese mismo mini botón pero sin imagen de fondo sería con este código:
<a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/mini2/" + 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:
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 == "item"'>
...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.
Ciudad Blogger
perdon la ironacia pero para que sirve la pagina
ResponderEliminarBitácoras.com
Para enviar noticias (entradas) y votar por ellas:
ResponderEliminarhttp://blip.tv/file/2355872/
muchas graxias a buen blog el tuyo ;)
ResponderEliminarVengo a menudo por el blog. Me parece fantástico y aprendo mucho de tu trabajo.
ResponderEliminarAhora va mi primer comentario:
Tengo un "problema". CUando busco , no me aparece uno, sino 6. ¿Cual debo elegir?
Saludos!
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.
ResponderEliminarHola MIke, prueba ponerlo arriba de la primera que tienes pero no guardes los cambios, dale vista previa y revisa que ha quedado bien.
ResponderEliminar- KANALLA -, te agradezco tus comentarios, eres bienvenido las veces que desees ;)
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.
ResponderEliminarGracias, 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
Hola KoolYeah!,
ResponderEliminarDesconozco 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.
Muy bueno muy bueno aun te hace falta el de Google Buzz
ResponderEliminaraunque 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
Te pasa como a Cyberbloggero que cada vez que veía algo nuevo lo quería agregar jaja.
ResponderEliminarHola, 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.
ResponderEliminarPero 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!
Hola Vicky,
ResponderEliminarNo 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.
Potro te envie un mensaje, espero que me ayudes! mil gracias
ResponderEliminarPotro 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!
ResponderEliminarOCTAGONO3D, al rato le echo una mirada a esos correos.
ResponderEliminararquitectura online, qué bueno que ya lo has solucionado ;)
hola potro:
ResponderEliminarespero 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
Hasta donde sé la compresión gzip sólo es para webs hechas con PHP, así que Blogger queda descartado.
ResponderEliminarhola potro.. tengo un problema y espero que me puedad ayudar.
ResponderEliminarmira 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
Hola Chilaverde,
ResponderEliminarDepende 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.
gracias potro, tienes razon la compresion es solo para web´s hechas con php
ResponderEliminarHola 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/
ResponderEliminarFijate 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.
Hola @rielCastellanos,
ResponderEliminarQué 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.
Hola El Potro, Ya No Soy Blogio, Soy "Alejo" E Cambiado de nombre,Imagen,Blog(de Nuevo Jeje) y de Todo.
ResponderEliminarSalu2.
Jajajaja, ok, esperaré a la próxima semana que cambies de nuevo el nick, jajaja.
ResponderEliminarUn abrazo!
Que bueno! siempre me pregunté de donde se sacaban esos botones. Un par de veces busque en bitácoras pero no encontré nada...:(
ResponderEliminarUn abrazo!!!
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
ResponderEliminarjajajajajaja, así es.. me ha pasado lo mismo cuado quise agregar videos graciosos al directorio, no podía hallar donde era!
ResponderEliminarUn abrazo!!!
Jajaja, eso me pasó igual para dar de alta a Respondones ya Fondos240, estuve como media hora buscando cómo agregarlo :s
ResponderEliminarUn abrazo!
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.
ResponderEliminarPero, 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!
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.
ResponderEliminarhttp://i48.tinypic.com/2wqed7c.png Saludos.
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
ResponderEliminarBorest, 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.
Gracias Potro (Y)
ResponderEliminarMuchas gracias por aclararme la interrogante. Saludos!
ResponderEliminarHola 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.
ResponderEliminarEl de facebook y twitter son scripts que por lo general suelen poner un espacio entre ellos así que no se puede editar.
ResponderEliminarMuchas gracias! :D
ResponderEliminartenia 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!
Hola Marcos,
ResponderEliminarSi 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.
Hola Potro, desde un princpio tengo problemas o no lose con bitacoras cada ves que por ejemplo quiero votar para probar me sale esto :
ResponderEliminarhttp://lh5.ggpht.com/_2oDIdiFuF-c/TPRe3mcipRI/AAAAAAAABRI/HxSX3yX5s4E/s1024/opye.png
Espero saber como inderexar. Gracias
Hola ARQTEKTON,
ResponderEliminarLo 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.
Dejame decirte que tu web, me a servido de mucho, eres un capo :D Gracias por todo.!
ResponderEliminarTe lo agradezco Kenny :)
ResponderEliminarHola, 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???
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Alvarettte,
ResponderEliminarUna vez que te registres en Bitacoras.com ingresa a este enlace para dar de alta tu blog:
http://bitacoras.com/perfil/insertar_bitacora
Saludos.
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
ResponderEliminarO no perdon lo prefiero en la eskina derecha de arriba de cada entrada.
ResponderEliminarPoniéndolo como se explica en la entrada aparecerá en la esquina superior derecha, tal como está en la imagen de ejemplo.
EliminarHola,
ResponderEliminarMuchas 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
Hola Alberto.Duran, ¿en dónde lo has puesto?
EliminarHola 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.
ResponderEliminarPara 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
También es una opción :)
EliminarHola. 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?
ResponderEliminarHola 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.
EliminarSaludos.
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.
ResponderEliminar¡Saludos hasta ese bello lugar!
Instalado, GRACIAS POTRO!!
ResponderEliminarFacil, concreto y rapido, ....asi se hace. Gracias.
ResponderEliminar