Una botonadura social para tus posts
Escrito por Blogpocket en Blog, tags: Bitacoras, Blogs, Facebook, Google, Redes Sociales, Tumblr, Twitter, Wordpress
Añadir una fila de botones al final de tus posts para que puedan compartirse en las redes sociales más utilizadas es muy importante si quieres dar a conocer tu blog, atraer más tráfico y posicionarlo bien en los buscadores.
Si tu blog está instalado bajo WordPress, existen muchos plugins sociales con los que puedes automatizar la incorporación de dicha botonadura. A mi me gustaba Ic BeSocial pero, como todas las extensiones de terceros, van retrasadas respecto a los últimos cambios que realizan los distintos servicios. Por ejemplo, el botón de Twitter de ese plugin no funcionaba debido a la implantación de la más reciente versión del sistema de microblogging.
Así que si no quieres tener ese tipo de problemas y quieres ahorrar recursos en tu servidor puedes hacerlo añadiendo el código correspondiente a cada botón directamente en el archivo single.php de tu theme activo. A continuación, se muestran los códigos para los 5 sistemas que considero fundamentales: Twitter, Facebook, Tumblr, Bitacoras.com y Google.
<a href=”http://twitter.com/share” class=”twitter-share-button” data-url=”<?php the_permalink(); ?>” data-count=”horizontal” data-via=”blogpocket” data-lang=”es”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
Si se quiere personalizar más dicho botón, se puede ir a la página de los botones de Twitter.
<iframe src=”http://www.facebook.com/plugins/like.php?href=’.<?php the_permalink(); ?>.’&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:110px; height:21px;” allowTransparency=”true”></iframe>
Con eso basta pero si se quiere una configuración más completa se puede hacer desde la página del botón like.
Tumblr
<a href=”http://www.tumblr.com/share” title=”Share on Tumblr” style=”display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url(‘http://platform.tumblr.com/v1/share_1.png’) top left no-repeat transparent;”>Share on Tumblr</a>
Bitacoras.com
<a href=”http://bitacoras.com/anotaciones/<?php the_permalink(); ?>”><img src=”http://widgets.bitacoras.com/votar/mini/<?php the_permalink(); ?>” alt=”votar” title=”Votar esta anotación en Bitacoras.com” style=”vertical-align:middle;border:0″ />
Botón +1 de Google
La semana pasada ya vimos cómo se implementaba el botón +1 de Google, así que les remito allí: Cómo implementar el botón +1 de Google
Se pueden poner los cinco botones uno detrás de otro y centrar la fila con el siguiente HTML:
<div style=”text-align: center; margin-bottom: 10px;”>
<!– aquí los 5 códigos –>
</div>
Entradas (RSS)
[...] a tus lectores la promoción de lo que publicas es conveniente que coloques en todos tus posts la botonadura social que, por lo menos, te recomiendo que lleve los botones de Twitter, Facebook, Bitacoras.com y [...]
[...] a tus lectores la promoción de lo que publicas es conveniente que coloques en todos tus posts la botonadura social que, por lo menos, te recomiendo que lleve los botones de Twitter, Facebook, Bitacoras.com y [...]
[...] a tus lectores la promoción de lo que publicas es conveniente que coloques en todos tus posts la botonadura social que, por lo menos, te recomiendo que lleve los botones de Twitter, Facebook, Bitacoras.com y [...]
[...] a tus lectores la promoción de lo que publicas es conveniente que coloques en todos tus posts la botonadura social que, por lo menos, te recomiendo que lleve los botones de Twitter, Facebook, Bitacoras.com y [...]
Hola, quisiera saber si es posible de alguna manera poner esa barra en un foro.
Normalmente los codigos de Bloger si que son compatibles con un foro version phbb2, pero este no me sirve y pediria a alguien si supiera de alguna forma para añadirlo.
Muchas gracias…me encanta leeros. Saludos.
¡Hola Oscar! primero de todo gracias por seguirnos. Por lo que me comentas seguro que existe, pero habría que meterse en el código del foro y ubicarlo ahí. Te lo comento ya que esto está hecho para wordpress, no se en que sistema estas llevando el foro.
Un saludo.
Hola, pues mira…gracias a un amigo hemos conseguido con los codigos que dejaste y un poquito de maña, colocar los botones en el lateral de la pagina. Funcionan! Sobre los que tienes mas arriba, los cuales pasas el raton por encima y suben, queria ponerlos en el interior de cada Post o tema y no soy capaz. El foro funciona igual con codigos CSS.
Son foros de Foroactivo, pero haya de ese tipo de imagenes no saben y las que hay son de lo peor. No se si me explique bien, te dejo el sitio web para que te hagas una idea? http://www.elrincondepapaoso.com Gracias por contestarme tan rapido. Un saludo yo seguire investigando…como ya te dije son versiones Phpbb.