Como añadir iconos de twitter y facebook en cada post de blogger

4,010 views

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,010
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Como añadir iconos de twitter y facebook en cada post de blogger

  1. 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. 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 = '<data:post.url/>'; </script>
  3. 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: '<data:post.url/>', }</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. 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. 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. 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

×