En esta oportunidad les quiero compartir unos sencillos botones para compartir que vienen con el botón Me Gusta,+1, y Twittear.

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.


31 commentarios

May · marzo 9, 2012 a las 11:00 pm

+1 Juvinao ya es parte de mi blog ^_^

    Juvinao · marzo 10, 2012 a las 4:44 pm

    May que bueno que los uses y gracias por el +1 :lala:

María · marzo 10, 2012 a las 6:19 pm

Gracias, eres grande.

    Juvinao · marzo 10, 2012 a las 7:01 pm

    María gracias por tus palabras :love:

Cityville Ayuda · marzo 18, 2012 a las 4:23 pm

no me sale esto

no me sale el codigo de footer

    Juvinao · marzo 18, 2012 a las 6:33 pm

    Mira puedes usar entonces el codigo <data:post.body/> que tambien sirve para colocar las cosas en el pie de pagina.

Proyecto WEB · marzo 19, 2012 a las 10:01 am

hola disculpa ami tampoco me aparece el codigo footer ni tampoco el de data body que puedo hacer porfavor ayudame

    Juvinao · marzo 19, 2012 a las 4:57 pm

    Es que se me olvido poner que es con los artilugios expandidos X(

paula andrea Vega · abril 28, 2012 a las 9:54 pm

Ni por postfooter ni por postbody me sale nada..,. que hago

    Juvinao · abril 29, 2012 a las 12:09 am

    paula para encontrar estos codigos debes tener los artilugios expandidos 😕

Arcandres · mayo 20, 2012 a las 5:16 pm

y como se cambian las imágenes de los botones?

BryanFlowHN · junio 6, 2012 a las 1:21 am

NO FUNCIONA!!!!!!

    Juvinao · junio 7, 2012 a las 2:58 am

    Claro que si sirve Bryan si yo mismo los diseñe 😛

    santes · julio 16, 2012 a las 11:19 pm

    No hubo problemas para colocar los codigos, pero no se ven los botones ./

Redimidos · junio 30, 2012 a las 2:54 am

Y como lo puedo poner horizontal?

Marim · septiembre 18, 2012 a las 12:13 am

ami si me salio bien solo que me sale doble, no entiendo eso.

Teoria Celular · octubre 8, 2012 a las 5:12 pm

Hombre, por fin alguien que da la cosa sin tanto alboroto, exelente tu web a favoritos.

    Juvinao · octubre 10, 2012 a las 8:37 pm

    Gracias amigo por tu comentario 😛

Chiknaui.Mikistli Joel Molina Reyes · octubre 15, 2012 a las 12:36 am

No, sigue sin servirme

Chiknaui.Mikistli Joel Molina Reyes · octubre 15, 2012 a las 12:38 am

Bro no se si puedas ayudarme y decirme que tiene esa plantilla que te dije en el foro, sigue sin aparecer, ya probe trucos de oloblogger y el potro y nada mi bro…… 🙁

    Juvinao · octubre 15, 2012 a las 3:47 pm

    Amigo revisare la plantilla para ver cual es el problema 😕

DJoculto · octubre 21, 2012 a las 6:42 pm

ola juviano lo quiero poner en un widget cual es el codigo?

narubl R,A,P · diciembre 25, 2012 a las 10:01 pm

hola gracias si sirve pero me podrias decir como cambiar el lado de los botones osea ponerlos en la parte izquierda derecha arriba o abajo como o en donde se modifica eso

Alexander Guerra Padilla · enero 21, 2013 a las 1:59 pm

Juvinao como lo hago para hacerlo en forma vertical

Alexander Guerra Padilla · enero 21, 2013 a las 2:49 pm

me salio bien Juvinao aunque no me parece el background aka mi blogger: http://sofware-premium.blogspot.com/

Bruno herrera · mayo 18, 2013 a las 2:45 am

amigo en mi blogs no funciona ¡¡
mira te dejo mi blogs http://new-city-ville.blogspot.com.ar/#_
necesito colocar algo asi que me recomiendas para mi planilla?

Accionglobal kike · noviembre 15, 2013 a las 12:23 pm

Hola Juvinao a ver si me puedes ayudar, tengo unos botones similares a estos en mi blog, y hace poco he adaptado nueva plantilla, el problema es que el boton de Google + en lugar de recomendar todo el blog, recomienda la última entrada publicada.

Este es mi blog: http://accionglobalxkiketrucker.blogspot.com.es/

Agradezco tu ayuda de antemano, un saludo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *