viernes, 1 de junio de 2012

Marcadores Sociales "Smart Bookmarks" para Blogger

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.

No hay comentarios:

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...