Sergio (un lector del blog) me pidio que hiciese unos nuevos marcadores que incluyera mas servicios y luego de hacer algunas pruebas me complace compartir con ustedes los Marcadores Sociales»Smart Bookmarks» para Blogger.

He aqui una imagen demo del funcionamiento de los marcadores.

Como ven he encerrado los botones en un spoiler para hacer mas rapida la carga del blog,asi cualquier lector que quiera compartir tu entrada desplegara una completa lista de marcadores sociales.

Para añadir estos marcadores busca el siguinte codigo:

<div class=’post-footer-line post-footer-line-1′>

Ahora debajo de ella agrega lo siguiente:

 <b:if cond='data:blog.pageType == &quot;item&quot;'><div class='divspoiler'>
<a href='javascript:void(0);' onclick='if (this.parentNode.nextSibling.childNodes[0].style.display != &apos;&apos;) { this.parentNode.nextSibling.childNodes[0].style.display = &apos;&apos;; } else { this.parentNode.nextSibling.childNodes[0].style.display = &apos;none&apos;;}'>Mostrar / Ocultar Botones Para Compartir &#9660;&#9650;</a>
</div><div><div class='spoiler' style='display: none;'>

<div class='separator' style='clear: both; text-align: left;'>
<img border='0' src='http://1.bp.blogspot.com/-pMqrzWTd3L8/Tqwi7uY48HI/AAAAAAAAAco/CpKK3K32H-U/s145/topblogger-11%252520agosot%2525202011%2525282%252529038.png'/></div>
<span style='float: left;'>

<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' href='http://www.blogger.com/blogger.g?blogID=2371828338899459493' rel='nofollow' target='_blank' title=' Compartir en Delicious'><img src='http://3.bp.blogspot.com/-9hPZ5VzrvTI/T2IZfmzdEcI/AAAAAAAAA2A/JAHxhxdVAd0/s1600/delicious.png'/></a>
<a class='digg' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' href='http://www.blogger.com/blogger.g?blogID=2371828338899459493' rel='nofollow' target='_blank' title='Compartir en Digg This'><img src='http://1.bp.blogspot.com/-u9E2aNFjql0/T2IZ8ZTwcoI/AAAAAAAAA2I/irX1hXPGyGk/s1600/digg.png'/></a>

<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' href='http://www.blogger.com/blogger.g?blogID=2371828338899459493' rel='nofollow' target='_blank' title='Compartir en Facebook'><img src='http://4.bp.blogspot.com/-KWP73HSbG24/T2IaI-O_fEI/AAAAAAAAA2Q/rUOP4YxL92s/s1600/facebook.png'/></a>

<a class='myspace' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' href='http://www.blogger.com/blogger.g?blogID=2371828338899459493' rel='nofollow' target='_blank' title='Compartir en MySpace'><img src='http://3.bp.blogspot.com/-2t8v7Tar5aQ/T2Iafti710I/AAAAAAAAA2Y/AzhEAzdv7uU/s1600/myspace.png'/></a>

<a class='Feed' expr:href='&quot;URL DE TU FEED?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' href='http://www.blogger.com/blogger.g?blogID=2371828338899459493' rel='nofollow' target='_blank' title='Suscribete al RSS Feed'><img src='http://2.bp.blogspot.com/-CdpWZ0k1orY/T2Ia4UaXTeI/AAAAAAAAA2g/r4kttL3usls/s1600/rss.png'/></a>

<a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' href='http://www.blogger.com/blogger.g?blogID=2371828338899459493' rel='nofollow' target='_blank' title='Compartir en Technorati'><img src='http://4.bp.blogspot.com/-hz1UhfjoM5c/T2IbJfLj4tI/AAAAAAAAA2o/1kVakgQRmvE/s1600/technorati.png'/></a>

<a class='twitter' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' title='Twittear'><img src='http://1.bp.blogspot.com/-sgsU31vRlp8/T2IYCnF2FTI/AAAAAAAAA14/rnZdZUULW_g/s1600/twitter.png'/></a>

<a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title=' Compartir en Reddit'><img src='http://2.bp.blogspot.com/-q-veSu4h5wg/T2Ib3Cr1r_I/AAAAAAAAA2w/zuWKRq13BKI/s1600/reddit.png'/></a>

<a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title=' Compartir en Stumbleupon'><img src='http://3.bp.blogspot.com/-z-I-rB8TAvE/T2IcMz8gwbI/AAAAAAAAA24/lok5mKFfOU8/s1600/stumbleupon.png'/></a>

<a class='Blogger' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' target='_blank' title='Compartir en Blogger'><img src='http://2.bp.blogspot.com/-byjgmT-st1o/T2Id6KWfR6I/AAAAAAAAA3A/ZgBZMOy0PyM/s1600/blogger.png'/></a> </span>

</div></div></b:if>

En donde dice URL DE TU FEED colocas la URL del FEED de tu blog,por ultimo guardas los cambios y listo.


8 comentarios

No sin MyMakeUp · marzo 15, 2012 a las 6:55 pm

gRACIAS! Muy útil la inforamción, como siempre!

    Juvinao · marzo 15, 2012 a las 8:02 pm

    No sin MyMakeUp Gracias por comentar y que bueno que te pareciera util

opregadorfiel.com.br · marzo 15, 2012 a las 9:03 pm

Gracias por compartir. muy bueno

Sergio · marzo 16, 2012 a las 3:25 pm

jajajajaja tio, eres un monstruo!! muchas gracias por aceptar mi petición! En cuanto tenga un rato libre lo voy a aplicar en mi web/blog

    Juvinao · marzo 16, 2012 a las 3:55 pm

    Sergio de nada ya sabes que para ayudar estamos. 😉

    Sergio · marzo 16, 2012 a las 5:35 pm

    Lástima que no salga google+, que era precisamente lo que necesitaba…aix.. Aun así, muchas gracias por preocuparte 😉

    Juvinao · marzo 16, 2012 a las 5:41 pm

    Sergio si quieres lo puedo incluir pero dame un poco de tiempo ok.

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 *