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>

24 comentarios

Zaray · julio 14, 2011 a las 9:25 pm

Excelente truco,funciona muy bien 🙂

Juvinao · julio 14, 2011 a las 9:31 pm

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

sarah · julio 15, 2011 a las 6:06 am

ami no me funciono 🙁

Juvinao · julio 15, 2011 a las 8:29 pm

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

Anonymous · julio 17, 2011 a las 6:44 pm

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

Juvinao · julio 17, 2011 a las 6:47 pm

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

Saramkup · mayo 17, 2012 a las 9:09 am

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!!

    Juvinao · mayo 17, 2012 a las 3:28 pm

    Para encontrar esa etiqueta debes marcar la casilla «Expandir Plantillas de Artilugio»

Saramkup · mayo 17, 2012 a las 9:42 am

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

    Juvinao · mayo 17, 2012 a las 3:29 pm

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

Saramkup · mayo 17, 2012 a las 9:43 pm

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

Saramkup · mayo 17, 2012 a las 9:43 pm

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

Saramkup · mayo 18, 2012 a las 11:16 am

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

    Juvinao · mayo 19, 2012 a las 1:39 am

    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 😎

Saramkup · mayo 21, 2012 a las 8:06 pm

JAJAJAAJ!!! No pasa nada Juvinao…

Como se hace eso de dejarte la plantilla??

    Juvinao · mayo 23, 2012 a las 1:31 am

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

Leslie Mishigan · agosto 1, 2012 a las 10:35 pm

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…

Leslie Mishigan · agosto 1, 2012 a las 10:45 pm

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

Love Vintage · septiembre 15, 2012 a las 9:43 pm

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

    Juvinao · septiembre 16, 2012 a las 6:02 pm

    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.

romina · septiembre 22, 2012 a las 5:24 am

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?

    Juvinao · septiembre 22, 2012 a las 4:51 pm

    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:

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

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