Saltar al contenido
Codif铆ca.me | Desarrollo web | Programaci贸n

Compartir contenidos Facebook – Tweetter | Blogger

17 diciembre, 2011
Compartir contenidos Facebook - Tweetter | Blogger


En este post explicaremos como socializar tu blog a trav茅s de Twitter o Facebook incorporando los botones de compartir de estas dos redes sociales, para esto solo es necesario seguir estos dos pasos y podr谩s tener los iconos que muestra la siguiente imagen desde los que podr谩s compartir tus contenidos.

Compartir contenidos Facebook - Tweetter  | Blogger

Utilizando este c贸digo podr谩s insertarlos en cualquier parte de tu blog.

Para Tweeter es necesario que incorpor茅is este c贸digo:

1
2
3
4
5
6
 <div style='float: right;'> 
 <script type='text/javascript'>
 tweetmeme_url = &#39;<data:post .url></data:post>&#39;;
 </script>
 <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script> 
</div>

Para Facebook es necesario que incorpor茅is este c贸digo:

1
2
3
4
5
6
7
8
<div style='float: right;'>
<script>
var fbShare = {
url: &#39;<data:post .url></data:post>&#39;,
}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'></script>
</div>

Si quieres puedes cambiar la posici贸n donde aparecen los botones (derecha, izquierda, abajo, …) modificando las propiedades del “div” que contiene el c贸digo.

Por otro lado, si lo que quieres es incluir los dos botones en cada post que tengas en tu blog, tendr谩s que realizar lo siguiente: editar t煤 plantilla, debes de haber seleccionado el checkbox de expandir la plantilla de artilugios (este paso es muy importante sino los despliegas no ver谩s la l铆nea de c贸digo necesaria para identificar donde tienes que insertar el c贸digo) y por 煤ltimo buscar la l铆nea de c贸digo en la que pone “data:post.title”:

  <data:post.title/>

Debajo de esta linea es donde debes de insertar el c贸digo anterior si quieres que aparezcan los dos botones en cada post de tu blog.

Para insertar los dos botones de Tweeter y Facebook es necesario que incorpor茅is este c贸digo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div style='float: right;'>
<ul style='list-style:none;'><li>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</li>
<br/>
<li>
<script>
var fbShare = {
url: &#39;<data:post.url/>&#39;,
}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</li>
</ul>
</div>

Con esto tendr谩s listo tus botones para compartir contenidos Facebook – Tweetter (blogger). Si quieres ver los botones funcionando en una p谩gina de blogger puedes visitar esta web empeorando.blogspot.com

5/5 - (1 voto)

Entradas relacionadas

Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada.

Comentarios (2)

Informaci贸n Bitacoras.com…

Valora en Bitacoras.com: No hay resumen disponible para esta anotaci贸n…

Responder

Muy buenoooo!!!!!

Recicler comment

Responder