Mil Trucos Blogger

Botones para compartir “Minimalist White” para Blogger

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.

0
Shares

Relacionados...

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

31 Comentarios

  1. May May
    marzo 9, 2012    

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

    • marzo 10, 2012    

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

  2. marzo 10, 2012    

    Gracias, eres grande.

    • marzo 10, 2012    

      María gracias por tus palabras :love:

  3. marzo 18, 2012    

    no me sale esto

    no me sale el codigo de footer

    • marzo 18, 2012    

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

  4. marzo 19, 2012    

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

    • marzo 19, 2012    

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

  5. abril 28, 2012    

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

    • abril 29, 2012    

      paula para encontrar estos codigos debes tener los artilugios expandidos 😕

  6. mayo 20, 2012    

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

  7. junio 6, 2012    

    NO FUNCIONA!!!!!!

    • junio 7, 2012    

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

    • julio 16, 2012    

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

  8. junio 30, 2012    

    Y como lo puedo poner horizontal?

    • julio 1, 2012    

      Pero si ya esta horizontal 😕

  9. septiembre 18, 2012    

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

  10. octubre 8, 2012    

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

    • octubre 10, 2012    

      Gracias amigo por tu comentario 😛

  11. octubre 15, 2012    

    No, sigue sin servirme

  12. octubre 15, 2012    

    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…… 🙁

    • octubre 15, 2012    

      Amigo revisare la plantilla para ver cual es el problema 😕

  13. octubre 21, 2012    

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

  14. diciembre 25, 2012    

    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

  15. enero 21, 2013    

    Juvinao como lo hago para hacerlo en forma vertical

  16. enero 21, 2013    

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

    • enero 21, 2013    

      Alexander pero pon los botones en tu blog para poder ayudarte.

  17. mayo 18, 2013    

    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?

  18. noviembre 15, 2013    

    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 *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo