1. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
Como añadir botones
de TWITTER y
FACEBOOK en cada
post en BLOGGER

2. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
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:
Opción 1.-Botones uno encima del otro
<!-- boton tweetmeme -->
<div style='float: right;'>
<ul style='list-style:none;'><li>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>

3. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
<script src='http://tweetmeme.com/i/scripts/button.js'
type='text/javascript'/></li>
<br/>
<!-- boton facebook -->
<li><script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/></li></ul>
</div>
El resultado será este:
Opción 2.-Botones en línea horizontal
<!– 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’

4. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
type=’text/javascript’/>
<!– boton facebook –>
<script>var fbShare = {
url: '<data:post.url/>',
}</script>
<script src=’http://widgets.fbshare.me/files/fbshare.js’/>
</div>
El resultado será este:
Opción 3.-Botones en versión mini
<!– 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’/>

5. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
<!– boton tweetmeme –>
<script type=’text/javascript’>
tweetmeme_url = '<data:post.url/>';tweetmeme_style = 'compact';
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’
type=’text/javascript’/>
</div>
Referencias
http://www.fbshare.me/
http://help.tweetmeme.com/2009/04/07/integrating-the-tweetmeme-button-into-
blogger/
http://www.taringa.net/posts/ebooks-tutoriales/4406677/Boton-para-compartir-por-
Twitter-y-Facebook.html
http://purotip.blogspot.com/2010/08/compartir-tus-posts-en-facebook-y.html

6. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
<!– boton tweetmeme –>
<script type=’text/javascript’>
tweetmeme_url = '<data:post.url/>';tweetmeme_style = 'compact';
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’
type=’text/javascript’/>
</div>
Referencias
http://www.fbshare.me/
http://help.tweetmeme.com/2009/04/07/integrating-the-tweetmeme-button-into-
blogger/
http://www.taringa.net/posts/ebooks-tutoriales/4406677/Boton-para-compartir-por-
Twitter-y-Facebook.html
http://purotip.blogspot.com/2010/08/compartir-tus-posts-en-facebook-y.html