Mil Trucos Blogger

Marcadores Sociales en forma de corazón

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Este truco presenta los famosos marcadores sociales para compartir nuestras entradas en la redes sociales pero con la diferencia de que los marcadores aparecen en forma de corazon,si quieres darle un toque diferente a tu blog entonces estos iconos son para ti.


Para agregar estos marcadores vamos a Diseño,Edición HTML,Expandir plantillas de artilugio y  buscas lo siguiente:

<data:post.body/>

Debajo de lo anterior pegas lo siguiente:

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCxndGKQoI/AAAAAAAAAfM/zQE4e5oGJLI/stumble.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxR6IdwFI/AAAAAAAAAe0/P-WUkgBTawI/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxqwEFIuI/AAAAAAAAAfU/QRi439zo_Xc/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCxulbFRoI/AAAAAAAAAfc/CKJPLxIwP5M/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCyGNznjII/AAAAAAAAAf0/ESzv0oL2AEQ/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url +  &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyCxeo18s_I/AAAAAAAAAe8/0gAb9Ya6B78/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCx081oRKI/AAAAAAAAAfk/pTxLusQo0Gc/reddit.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxioR-4tI/AAAAAAAAAfE/LkLtTqd6wIA/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Por ultimo guardas los cambios.

Si quieres que los marcadores solo se vean en las entradas entonces pega al principio del código lo siguiente:

<b:if cond='data:blog.pageType == "item"'>

Y al final deberás pegar esto:

</b:if>
0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

24 Comentarios

  1. julio 14, 2011    

    Excelente truco,funciona muy bien 🙂

  2. julio 14, 2011    

    @Zaray Gracias por comentar y que bien que te haya funcionado el truco.

  3. julio 15, 2011    

    ami no me funciono 🙁

  4. julio 15, 2011    

    @sarah Raro que no te haya funcionado,yo lo probe antes de postearlo y funciona muy bien 🙂

  5. Anonymous Anonymous
    julio 17, 2011    

    Muy buen comentario. Os paso un enlace de cómo hacer amigos en FB. http://internet-y-ordenadores.practicopedia.com/como-hacer-amigos-en-facebook-854

  6. julio 17, 2011    

    @Anónimo Ok visitare ese sitio web,Saludos 🙂

  7. mayo 17, 2012    

    Hola Juvinao,

    he conseguido entrar en Edciciín HTML, pero no veo el codigo que dices… el primero donde tengo que pegar despueész todos los códigos.

    si he visto esto:

    que hago??

    Muchas gracias!!

    • mayo 17, 2012    

      Para encontrar esa etiqueta debes marcar la casilla “Expandir Plantillas de Artilugio”

  8. mayo 17, 2012    

    Por cierto Juvinao, ¿no tendrás un marcador de Bloglovin?

    es que lo he puesto en tu buscador y no me ha aparecido nada… supongo que no tendrás, pero por si acaso te pregunto.

    Muchas Graciassss

    • mayo 17, 2012    

      La verdad sabia muy poco sobre este sitio pero ya me pongo en la tarea de averiguar un poco de info sobre esa web.

  9. mayo 17, 2012    

    Juvinao, ya vi lo de “Expandir Plantillas de artilugio” y puse
    todos los códigos pero no me aparece nada… el Blog sigue igual… 🙁

    ¿siguen los mismo botones, seguí los pasos para que solo se vean en las entradas. Pero aparecen los que entran con la plantilla de Blogger.

    ¿tengo que borrar algún código u algo para que me aparezca?
    Muchas Graciass

  10. mayo 17, 2012    

    aaah!!! gracias también por buscar lo de Bloglovin!!!!! 😀

  11. mayo 18, 2012    

    Ya lo leí… pero no entiendo… entonces ¿que hago?
    ¿es imposible poner esos marcadores? 🙁

    ¿Tengo que cambiar el dominio?

    Sorry por ser taaaaaaaan pesada…. 🙁 es que yo y las nuevas tecnologías… no nos llevamos muy bien

    • mayo 19, 2012    

      Saramkup eres una mujer que pena yo siempre usaba el tratamiento de “Amigo”,te pido disculpas amiga :zombie:

      Saramkup hay 2 opciones y te las voy a dejar a tu decision:

      1.Me dejas tu plantilla y yo te instalo los botones.
      2.Me das permisos de administrador en tu blog y directamente en tu blog te instalo los botones…

      Tu decides 😎

  12. mayo 21, 2012    

    JAJAJAAJ!!! No pasa nada Juvinao…

    Como se hace eso de dejarte la plantilla??

    • mayo 23, 2012    

      Descargas la plantilla de tu blog,la subes a un hosting como Mediafire y me dejas el link de te den.

  13. agosto 1, 2012    

    Estan adorables los iconos, me han gustado mucho n_n!! pero, podrias resubir la imagen creo k es del segundo corazoncito?? esk parece ser que ya se perdio 🙁 y sale la bien conocida tachita… plis :3 y creo k los links de delicius no funcionan…

  14. agosto 1, 2012    

    Se me olvidaba xD… en algunas de mis entradas uso el “leer mas >>” pork son muy largas… esto queda por encima de la leyenda, como hago que queden por debajo de “leer mas”??
    http://lesliemishigan.blogspot.com/

    gracias

    • agosto 2, 2012    

      Leslie que Leer Mas usas?

  15. septiembre 15, 2012    

    Muchas gracias por los marcadores!
    Tengo una pregunta…Hay alguna manera de hacerlos mas pequeños??

    • septiembre 16, 2012    

      Aplica los atributos normales para cualquier imagen

      <img border=”0″ height=”320″ src=”http://2.bp.blogspot.com/-lUn4xwEw6BM/UCmTuIxCcUI/AAAAAAAAABo/9jUFfqW4aYU/s320/audrey-hepburn-en-desayuno-con-diamantes-audrey-hepburn-in-breakfast-at-tiffany-s.jpg” width=”320″ />

      height corresponde al largo y width al ancho.

  16. septiembre 22, 2012    

    re lindos los botones yo uso wordpress y hasta ahora no encontre ningun pluggin que haga que se vean asi, puedo usar este codigo cono widgets en mi sidebar?

    • septiembre 22, 2012    

      romina yo los acabo de probar en un blog de WordPress y si se ven las imagenes pero no funciona el enlace para compartir :blaf:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo