Como añadir botones para compartir tus post en Redes Sociales sin usar plugins

Comenzamos una nueva etapa en Weblogstuff, en donde brindaremos la misma información que fuimos brindando durante todo este tiempo.

Hoy les alcanzamos un tip que quizas les venga de mil maravillas a todos, en esta época de Social Media y donde lo mas importante es compartir conocimientos.

Desde el blog de un amigo de la casa Luis Carlos Parrado Sanchez @lcparrado les acercamos una manera distinta de agregar el botón de “COMPARTIR” sin usar los tipicos plugins.

Aquí como hacerlo:

Para añadir botones al final de nuestros posts que enlacen a diferentes redes sociales sin ningún tipo de plugin, hay que tocar un poco los archivos single.php, index.php y style.css de nuestro Theme de WordPress. En este caso voy a explicar como poner los botones de Facebook. Meneame, Twitter, Delicious y Goole Buzz

Lo primero es descarga de este link los iconos correspondientes a cada res social
Luego colocamos el siguiente código en el estilo css, en este caso style.css:

.socials {font-size:11px;font-weight:none;margin-bottom:10px;background-color:#ffffff;border: 1px solid #dddddd;padding:5px 5px 5px 30px;width:593px;margin-left:10px}
.socials a {margin-right:10px;color:#999999;}
.btn_twitter {background:url(images/twitter.png) left no-repeat; padding-left:18px;}
.btn_facebook {padding-left:20px;}
.btn_delicious {background:url(images/delicious.png) left no-repeat; padding-left:20px;}
.btn_meneame {background:url(images/meneame.png) left no-repeat; padding-left:20px;}
.btn_buzz {background:url(images/buzz.png) left no-repeat; padding-left:20px;}

En el archivo index y style pega el siguiente código donde quieras mostrar los botones:

<div style=”margin-top:0px;”>
<a class=”btn_twitter” href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>
<a name=”fb_share” type=”icon_link” href=”http://www.facebook.com/sharer.php”>Facebook</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Y por ultimo guardamos nuestros archivos y los subimos al servidor.

Acá dejo el código de cada botón para los que no les interesa el diseño que yo implementé.

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Twitter:

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Facebook:
El codigo lo pueden hacer desde este link


Meneame:

<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Delicious:

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Guardar en del.icio.us” target=”_blank”> Guardar en del.icio.us </a>

Google Buzz:

<a href=”http://www.google.com/reader/link?url=<?php the_permalink() ?>” title=”Enviar a Buzz” target=”_blank”>Enviar a Buzz</a>

Fuente: Lcparrado blog