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;}
Después buscamos <div class='post-footer'> y antes del mismo pegamos:
<b:if cond='data:blog.pageType == "item"'>
<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('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></li>
<li><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' 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
http://lh3.googleusercontent.com/-1SMSC950dKY/TxsWyu195MI/AAAAAAAACIE/XaVRF6KM-MA/s500/ribbon-taringa500px.png
IMAGEN DE 600px
http://lh5.googleusercontent.com/-HqKGMwSBJ88/TxsWyoP3n2I/AAAAAAAACIA/9WDG--pUckc/s600/ribbon-taringa600px.png
IMAGEN DE 700px
http://lh5.googleusercontent.com/-3hIkj7Rk5w4/TxsWyo4HuYI/AAAAAAAACH8/E0cwbEtwgJ0/s700/ribbon-taringa700px.png
Guardas los cambios listo.
0 comentarios: on "Botones para compartir tipo Taringa!"
Publicar un comentario en la entrada
Todo comentario se agradece. Unas cuantas palabras siempre nos alegran y nos motivan a seguir adelante.GRACIAS...