Botones compartir para blogger

0
El nombre de los botones es muy descriptivo ya que son blancos tipo minimalista,muy sobrios y elegantes.
Para agregar estos botones agrega antes de ]]></b:skin> los estilos:
 .post-share li {
float: right;
margin-left: 5px;
list-style:none;
}
.post-share {
padding: 5px 35px 10px 1px;
margin-bottom: 10px;
margin-right: 0px;
background: url(http://1.bp.blogspot.com/-P3QEODsI9LI/T1px2DbD9XI/AAAAAAAAA08/l0e9JQD0qeo/s1600/copm2.png) no-repeat bottom right;
}
.clearfix:after {content:"0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

Ahora busca la siguiente linea:
 <div class='post-footer'>

Y pega debajo de la anterior linea lo siguiente:
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<ul class='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><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>

Por ultimo guardas los cambios.

Agradecer no cuesta nada!

Cualquier post, link roto, o erroneo, porfa!, reportalo en este post , agradecemos tu cooperacion.

0 comentarios :