Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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 *