Botones para compartir entradas en redes sociales

Como poner botones para compartir las entradas del blog. A peticion de @Ani @FM pondremos el codigo de como poner nuestros propios botones de para compartir las entradas del blog.
Los pasos a seguir son estos:

1.- Vamos a Diseño > Edición de HTML > .

2.- Buscar (Ctrl + F) el siguiente codigo: <div class="post-footer-line post-footer-line-3">
Nota: En caso de no tener esa linea busca la que termine en 1 o 2 o 4 cualquiera de estas funciona

Justo debajo de ese codigo pegamos el código:
<span style='float: left; margin: -2px 1px -7px 0;'>
Si te gusto Compártelo:</span>
<span style='float: left; margin: -5px 1px -7px 0;'>
<a href='URL-DE-TU-FEED' target='_blank'><img src='http://2.bp.blogspot.com/_q4j3j-JA2ro/S2r0FbvpBII/AAAAAAAANfU/YVd7MeSaNR8/s00/rss.png' width='20'/></a>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' target='_blank'><img src='http://4.bp.blogspot.com/_q4j3j-JA2ro/S2r0hiJrQeI/AAAAAAAANfY/VGeuuN3Hzdo/s00/twitter.png' width='20'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' target='_blank'><img src='http://1.bp.blogspot.com/_q4j3j-JA2ro/S2r0FFD1XvI/AAAAAAAANfM/tGbItFtnjCk/s00/facebook.png' width='20'/></a>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Compartir en Google Buzz' src='http://www.cyberfrancis.net/weblog/wp-content/plugins/sociable/images/buzz-16.png' width='20'/></a>
<a expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title' target='_blank'><img alt='Compartir en Orkut' src='http://4.bp.blogspot.com/_hljKDuw-cxQ/S1lIf5Sp-1I/AAAAAAAAPAo/B19Y6h2h3jU/s00/icoMorkut.png' width='20'/></a>
<a expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Compartir en FriendFeed' src='http://2.bp.blogspot.com/_hljKDuw-cxQ/S1lIfRpJGAI/AAAAAAAAPAg/EK8GToQV2Ck/s00/icoMfriendfeed.png' width='20'/></a>
<a href='URL-DE-YOUTUBE' target='_blank'><img alt='YouTube' src='http://3.bp.blogspot.com/_q4j3j-JA2ro/S2r0hseYutI/AAAAAAAANfc/GNfPB3L5AI0/s00/youtube.png' width='20'/></a>

3.- Cambiamos lo que he puesto en rojo por la url de tu feed y si tienes youtube la cambias si no eliminas ese bloque despues, vemos si todo ha salido bien: Precionamos Vista Previa si todo ha salido bien Guardar Plantilla. Deberiamos ver los botones como se muesta más abajo.
Compartir es Gratis:


5 Comentarios:

  1. Tu blog está excelente, me encantaría enlazarte en mis sitios webs. Por mi parte te pediría un enlace hacia mis web y asi beneficiar ambos con mas visitas.

    me respondes munekitacat@hotmail.com

    besos

    Isabella Miranda

    ResponderEliminar
  2. Muy buen Post, ahora tu diras como copiamos si desactivaste el boton derecho.

    ResponderEliminar
  3. @PC Hola: creo que tambien existen las teclas, aveces suelo no tener un mouse a la mano, deberias probar hacer cosas sin un mouse! sera mucho de ayuda! Saludos

    ResponderEliminar
  4. nice blog, pasate por el mio cuando quieras siempre y cuando no seas una persona sencible.

    ResponderEliminar
  5. muy bueno, me hacia falta, gracias ;)

    ResponderEliminar

Back to Top