Viernes, Marzo 30th, 2007

Compartir posts en webs sociales como menéame, digg, del.icio.us o blogmemes en blogger.

Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!

Hoy he terminado el código de la nueva barra de botones que aparece debajo de cada post para facilitar la inclusión de la página o los diferentes posts en las redes sociales más comunes. Actualmente el usuario Alex King (http://alexking.org/blog) ha creado un plugin para Wordpress denominado “Share This” con el que, mediante la utilización de un único botón, se puede agregar la página a los marcadores sociales más importantes. El problema es que no está disponible para el resto de plataformas y, a pesar de que hay varios códigos circulando por la red para implantar este script en blogger, no me han funcionado del todo bien (ver link del blog loretahur). También se ha unificado la simbología de estos sistemas en un solo icono, ya que al pulsar en él aparece una ventana emergente con el resto de botones.

De momento, hasta que aparezca el plugin para blogger he creado mi propia barra de marcadores. Mi experiencia en trabajar con código html y css es más bien reducida, por eso he utilizado expresiones básicas y es un poco rudimentaria y totalmente mejorable, pero considero que aún así debo compartirla con los demás. Puedes descargarte el código aquí: http://minikotry.googlepages.com/SharethisBlogger.rar

Links: http://shareicons.com/
http://www.lamateporunyogur.net/archivos/2006/12/21/share-icon-un-icono-para-los-marcadores-sociales/
http://loretahur.blogspot.com/2006/12/share-this-para-blogger.html

http://minikotry.spaces.live.com

Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!

Categoría: Otros

23 Comentarios

Abril 13, 2007
endevé

Pues gracias por compartirlo, lo he puesto en mi blog, queda un pelín ancho y no se ven un par de iconos pero…a ver que tal funciona


Abril 13, 2007
Iván Cotrina Castaño

Si, ya lo he visto en tu blog. La solución a ese problema del tamaño es la siguiente: Entra en edición html y activa la casilla “expandir plantillas de artilugios”. Ahora busca el código de la barra y en la etiqueta “table”, cambia el valor de “with” (que está en porcentaje) según el tamaño que desees en píxeles, p. ej. “350px”. Un saludo.

PD: Por cierto me han gustado mucho tus viñetas XD. Ciao


Abril 13, 2007
endevé

mmm, pues he probao a cambiarle los valores por un 67% y como no cambiaba , he probado con un valor fijo de 300px y sigue igual…


Abril 14, 2007
Iván Cotrina Castaño

He estado dándole vueltas y es bastante raro, porque yo puedo reducirle el tamaño hasta el mínimo que ocupan las imágenes y ambos tenemos el mismo código insertado. Prueba a colocar el código donde pone Social Bookmarks de CSS más arriba en la plantilla, por ejemplo después del “body” y antes del “header”. Yo lo tengo ahí, a ver si así…


Abril 14, 2007
endevé

he hecho varias pruebas y no varía. Pero bueno, yo de HTML se lo justito. Me he tomado la licencia de eliminar el borde de puntos grises de la tabla ;)
Gracias por todo, aun queda gente buena en el mundo :P


Abril 14, 2007
Iván Cotrina Castaño

No creas yo de html tampoco ando muy allá… XD Otra solución que puedes probar es quitar los botones que no se te ven para conservar el diseño. También hay un “widget” para compartir los posts, aunque lo descubrí después de haber estado una semana creando la dichosa barra y por eso no lo he usado XD Es este: http://www.addthis.com/web-button-select.html

PD: De nada, es un placer. Saludos.


Mayo 5, 2007
Rave

He utilizado tu código y funciona perfectamente. ¡¡Es el primero que encuentro que lo hace tan bien!! Enhorabuena y gracias por compartir. Te dejo un enlace en mi blog.


Mayo 6, 2007
Dr. Fest

Gracias, muchas gracias!!! Aca solucione el tema del ancho que estan discutiendo…

/* Social Bookmarks ————– */
.bookmark table {
width:60%;
border: 1px dotted #6a94ea;
background-color: #ffffff;
padding: 2px;
}

.bookmark td {
font-size: 1em;
text-align: center;
vertical-align: middle;
color: #ffffff;
}

.bookmark img {
vertical-align: middle;
padding: 0px;
}

Abrazo de gol!


Mayo 6, 2007
Iván Cotrina Castaño

Hola! Me alegro de que os haya sido útil, ya veo que queda perfecto en vuestros blogs XD Os añado a mis favoritos para incluir vuestros blogs en el blogroll del mes de mayo. Gracias por la aportación.

Por cierto, para evitar que la barra de botones desplace el título de las entradas hay que incluir un espacio o dos al final del código con el valor <br/>. Saludos ;)


Mayo 18, 2007
Rafael Espinosa

Hey… que tome tus imagenes (no linkeadas, estan en mi photobucket) para ponerlas en mi blog…

Ya te linkeo por esta ayuda indirecta…


Mayo 18, 2007
Iván Cotrina Castaño

Ok, gracias por tu reconocimiento. Añado tu blog en el blogroll mensual de Mayo. Saludos!


Julio 25, 2007
cmcgato

Muchas gracias por los datos, ya he colocado algunos en mi blog. En especial el segundo modo de compartir posts está muy bueno

Saludos y bienvenido a los favoritos de mi blog, jaja


Julio 25, 2007
Iván Cotrina Castaño

Hola Cmcgato! De nada, me alegro de que te haya servido. He añadido tu blog al blogroll mensual de julio. Un saludo ;)


Agosto 2, 2007
Punto Baires

zona cerebral, bueno esa zona (mi cerebro)sigue sin funcionarme, aun no entiendo como hacer esto, cuando encuentre el blog donde se explicaba tan bien el tema te comento, saludos y gracias


Agosto 3, 2007
Iván Cotrina Castaño

Hola! Lo siento pero no puedo decirte nada más que no venga en las instrucciones de instalación. Aquí tienes otro plugin similar, quizás se a este el blog que me comentas:

http://loretahur.blogspot.com/2006/12/share-this-para-blogger.html

Saludos ;)


Agosto 6, 2007
Jorge Vallejo de Castro

He readaptado parte del codigo poniendo su autoria al blog zona cerebral, pero adaptandolo para los blogs realziados en blogger


Agosto 6, 2007
Iván Cotrina Castaño

Hola Jorge. Me parece perfecto. Veo que lo has adaptado para el antiguo blogger. Un saludo y gracias por el enlace.


Octubre 27, 2007
Feraluj

Hola amigo
Implementé tu código que por cierto me parece muy bueno, pero tengo un par de problemas haber si puedes ayudarme. Tanto en IE como en Firefox
Me aparece una texto en la parte superior (header) con instrucciones de la plantilla.

Parece que no se lleva bien con IE especialmente con los comentarios de Haloscan ya que en IE la frase trackbar aparece vertical.
Ojalá que te des un paseito por mi blog haber si tu le encuentras.
Gracias.


Octubre 28, 2007
Iván

Hola Fera! He visto tu blog y veo que estás utilizando el botón Bookmark this. Es una buena alternativa si el código de esta barra de botones te da algunos problemas. Si tienes cualquier otro problema no dudes en dejarme un comentario. Saludos ;)


Octubre 28, 2007
Feraluj

Gracias Ivan, efectivamente decidí cambiar el primer código que ofreciste por el botón Bookmark this.
Esto solucionó mi problema original.
Te agradezco el apoyo.
(nunca pude cambiar el % original del valor “width”) es curioso, yya que en IE explorer no se veían completos.
Veo que ese problema se repite en otros blogs, me pregunto si ¿tendrá algo que ver que yo tengo implementados javascripts de Haloscan y Technorati en los post footer? no estaría de más que los otros usuatios con problemas te informen si también tienen javascripts de Technorati o Haloscan…

salu2


Octubre 29, 2007
Iván

De nada Feraluj. Ha habido otros usuarios que lo han usado en Blogger y no han tenido mayores problemas. Quizás el aspecto no es el correcto por usar el valor width en porcentaje en lugar de píxeles. No creo que esté relacionado con Haloscan o Technorati, seguro que poniendo un valor fijo en el atributo with se soluciona. Un saludo y gracias por informar ;)


Marzo 23, 2008
DamionKutaeff

Hello everybody, my name is Damion, and I’m glad to join your conmunity,
and wish to assit as far as possible.


Junio 9, 2009
INCORRECTO

Hola

Esto es un aviso, para todos aquellos que utilizan o utilizaran este “Codigo” para poner Social Bookmarks en sus blogs.
Me he bajado este código para utilizarlo en mi site, y estoy muy defraudado. No voy a entrar en temas de maquetación o diseño, aunque yo he cambiado la tabla por una lista desordenada. Lo que me ha defraudado esque la barra no es funcional, no funciona, tiene errores, o no es la versión definitiva, y el autor no avisa de ello antes de la descarga.

Me explico, el primer boton es para la blinklist. Pero este apunta a la home de blinklist, no al agregador de links.

El segundo botón es el de Digg, pero el link es incorrecto y la url de tu post no se concatena con la url de digg, para subir el post.

El cuarto botón es el de tachnorati, este es el más gracioso de todos, siempre que alguien haga click en este botón, en cualquiera de los post donde esté, se compartira en technorati la url “http://zonacerebral.blogspot.com”. ¿Curioso no?

Aquellos que utilizan este script, teneis errores en lo social bookmarks!!