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 == "item"'>
<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='"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>
Por ultimo guardas los cambios.
No hay comentarios:
Publicar un comentario