viernes, 16 de marzo de 2012

Botones para compartir "Minimalist White" para Blogger


Botones para compartir "Minimalist White" para Blogger


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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj1MXSOpSufcVhZFUCp-wI27iTg2nky-M3JNVBW2NSat2Om9kj8uz-2LhzmSr94SKMbUaMFQm0Btke9l4Bow_9j1zSztf5Z32Oh7R5ZGDEVB9BzL21zIih76lY6IAUjCH-H1FUx6b1/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.

No hay comentarios:

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...