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

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