BOTON PARA COMPARTIR FACEBOOK Y TWITTER

Cada vez más son las personas que tienen una cuenta en Twitter y Facebook, y ambas redes sociales se han convertido en un buen medio de promoción para los blogs, así que podemos aprovechar estas vías y poner un botón que permita compartir una entrada en cualquiera de estas dos redes.

El botón de Facebook es un script de Fbshare.me que permite enviar contenido a Facebook y al mismo tiempo marca cuántas veces se ha compartido ese post.

El botón de Tweetmeme hace lo mismo, permite enviar la entrada a Twitter y cuenta las veces que se ha hecho esto.

Podemos combinar ambos servicios para tener en el mismo espacio ambas posibilidades de compartir y promocionar.

Para colocarlos en tu blog entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta etiqueta:

<b:if cond=’data:post.title’>

Y justo debajo de ella pega esto:

<!– boton tweetmeme –>
<div style=’float: right;’>
<ul style=’list-style:none;’><li>
<script type=’text/javascript’>
tweetmeme_url = ‘<data:post.url/>’;
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js&#8217; type=’text/javascript’/></li>
<br/>
<!– boton facebook –>
<li><script>var fbShare = {
url: ‘<data:post.url/>’,
}</script>
<script src=’http://widgets.fbshare.me/files/fbshare.js’/></li></ul&gt;
</div> 

El resultado será este:
tweetmeme facebook
Los botones quedan acomodados uno encima del otro, si los quisieras en línea horizontal, es decir, uno seguido del otro, entonces usa este código:

<!– boton tweetmeme –>
<div style=’float: right;margin-left:10px;’>
<script type=’text/javascript’>
tweetmeme_url = ‘<data:post.url/>’;
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js&#8217; type=’text/javascript’/>
<!– boton facebook –>
<script>var fbShare = {
url: ‘<data:post.url/>’,
}</script>
<script src=’http://widgets.fbshare.me/files/fbshare.js’/&gt;
</div> 

El resultado será este:
tweetmeme facebook
Aun si tampoco ninguno de esos te gustara puedes usar la versión mini que sería esta:
tweetmeme facebook
En ese caso el código sería este:

<!– boton facebook –>
<div style=’float: right;’>
<script>var fbShare = {
url: ‘<data:post.url/>’,
size: ‘small’,
}</script>
<script src=’http://widgets.fbshare.me/files/fbshare.js’/&gt;
<!– boton tweetmeme –>
<script type=’text/javascript’>
tweetmeme_url = ‘<data:post.url/>’;tweetmeme_style = ‘compact’;
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js&#8217; type=’text/javascript’/>
</div> 

Tres buenas opciones para compartir tus entradas, si lo deseas puedes poner sólo un botón, ya sea el deTweetmeme o el de Facebook, sólo quita la parte del código que corresponda, al inicio de cada código tiene la etiqueta que especifica si es de Tweetmeme o de Facebook.

QUE OPINÁS, DEJANOS TU COMENTARIO O TUS DUDAS. Las responderemos personalmente.

Gracias.

seguinos por TWITTERFACEBOOK

SITIO WEBWORDPRESSBLOGGERCLARINLIVE |

 

 

5 respuestas a BOTON PARA COMPARTIR FACEBOOK Y TWITTER

  1. key sound dice:

    El problema

    Me encontraba creando un blog en wordpress.com y al crear la primera entrada me di cuenta de que no se podían agregar plugins (queria agregar share this)asi que me di a la tarea de crear este pequeño generador de código para crear un botón compatible con paginas que no aceptan java u otros lenguajes. Para el caso particular es compatible con publicaciones en wordpress.com pero debería funcionar en cualquier pagina.
    Para quienes saben de html esto no es la gran panacea, la idea es ahorrar tiempo y facilitar el trabajo a quienes no saben de html.

    http://thefuckinghost.webege.com/1.htm

    El funcionamiento es muy simple solo se tiene que ingresar la url que se quiere compartir, el titulo con que aparecerá la publicación en facebook , generan el código, copy, paste y presto. En la pagina hay una pequeña instrucción.

    Suerte y espero que les sirva

  2. Chief dice:

    Hola buen día.

    Estaba probando el boton de compartir del mismo Twitter y me di cuenta que no guarda el contador, si lo hace pero cuando recargas la página se pierde el conteo… :s y de hecho lo acabo de comprobar en esta misma página. Espero alguien tenga la respuesta a esta incognita😛

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: