23 enero 2012

Botones compartir con el escudo de tu equipo

Esta tarde visitando uno de mis blog de referencia en cuanto a trucos blogger, Ciudad Blogger, veo que ha colocado una entrada de botones para compartir estilo taringa, y digo: ¿y si lo coloco con escudos de futbol? ¿como quedaría?.
Pués mano a la obra que me he puesto y he creado unas cuantas imágenes con los escudos de algunos equipos de primera división.
Como bién explica Ciudad Blogger vamos a ver cómo poner los botones para compartir con el escudo de tu equipo y que incluye los botones de Facebook, Google +1, y Twitter, (he suprimido el de taringa porque pocos blog lo tienen.)

Para colocar estos botones entra en la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y agrega antes de ]]></b:skin> los estilos:
.escudo-post-share li {
float: right;
margin-left: 5px;
list-style:none;
}
.escudo-post-share {
padding: 5px 35px 10px 1px;
margin-bottom: 10px;
margin-right: 0px;
background: url(URL de la imagen de tu equipo) no-repeat bottom right;
}
.clearfix:after {content:"0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
Luego busca esta línea:
<div class='post-footer'>
Arriba de ella pega este código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<ul class='escudo-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>
Ahora, coloca la imagen de tu escudo donde se indica en el primer código pon la URL de la imagen de tu equipo.

Aquí abajo están las URLs de las imágenes de tu equipo.
Sevilla FC

Athletic

Atlético

Barcelona

Getafe

Levante

Real Madrid

Malaga

Mallorca

Osasuna

Racing

Rayo Vallecano

Valencia

Zaragoza

Las imágenes están a una anchura de 500px, si te quedan corta o ancha, "ya sabes", comentario y te la coloco a la medida que quieras.

!!! A DISFRUTAR DE LOS BOTONES Y TU ESCUDO !!!

1 comentarios :

Hola :

Me llamo Jimena San Martín soy administradora de un sitio web. Tengo que decir que me ha gustado su página y le felicito por hacer un buen trabajo. Por ello me encantaria contar con tu sitio en mi web, consiguiendo que mis visitantes entren tambien en su web.

Si estas de acuerdo hazmelo saber enviando un mail a jimena.sanmartin@hotmail.com
Jimena San Martín


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"