Botones para compartir tipo Taringa!

Otro truco más para colocar los botones sociales para compartir en contenido del blog en Blogger.
Para hacerlo nos vamos a Escritorio > Diseño > Edición de HTML expandimos artilugios y pegamos antes de ]]]></b:skin el siguiente código:
.taringa-post-share li {
float: right;
margin-left: 5px;
list-style:none;
}
.taringa-post-share {
padding: 5px 35px 10px 1px;
margin-bottom: 10px;
margin-right: 0px;
background: url(URL de la imagen) no-repeat bottom right;
}
.clearfix:after {content:"0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
Botones sociales
Después buscamos <div class='post-footer'>  y antes del mismo pegamos:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<ul class='taringa-post-share clearfix'>
<li><a class='twitter-share-button' data-count='vertical' data-lang='es' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></li>
<li><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='tall'/></li>
<li class='t-big'><script type='text/javascript'>(function(){var x=document.createElement(&#39;script&#39;), s=document.getElementsByTagName(&#39;script&#39;)[0];x.async=true;x.src=&#39;http://widgets.itaringa.net/share.js&#39;;s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></li>
<li><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=63&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px;'/></li>
</ul>
</b:if>
En el primer código donde dice URL de la imagen pegas uno de estas tres opciones:
IMAGEN DE 500px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-k9zV0kXesdqxPVG_mzkR3lodAjcMSXRPq_2WmtBroYXLrA9uG0OuZtKyshz6NwoNS1rH4t3HCWUWq82yZ3HY1NXHXSfQJcg_3sC6xmpkXVi3UvKdA8D1_2EYpYp1WIL1_E-o7fZc5pU/s500/ribbon-taringa500px.png
IMAGEN DE 600px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj89X3YoA-tLQklzrl3lem_AgdZ3MsqukOnEHScJJdcveWNIj3fWfiF5Tb4KDXf7HjexeRJJTO8HI8RCnhGb1VDSwXrthyphenhyphenpyfqeNNFbmw79F12-AuHdA3xo0oH1Na6U54u6hc4C4QXFRVE/s600/ribbon-taringa600px.png
IMAGEN DE 700px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxtiEeQRsnmM7hYq3JdgxefV9r4a-KfyhTDM62PDuwcc3fdo4LLAYlvsSKOOE0mK540LKoVZKJRskaOOV4_qo596H-6n_dwcEVCqfnHzrS_Zx02Gz8PoRRpYUcjPEP-EPACndDSQ4kEc/s700/ribbon-taringa700px.png
Guardas los cambios listo.

Post a Comment

Todo comentario se agradece, además es no permite seguir trabajando.

Artículo Anterior Artículo Siguiente