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 == "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.
31 comentarios
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?
Juvinao · julio 1, 2012 a las 7:12 pm
Pero si ya esta horizontal 😕
Marim · septiembre 18, 2012 a las 12:13 am
ami si me salio bien solo que me sale doble, no entiendo eso.
Juvinao · septiembre 18, 2012 a las 4:24 pm
Marim no entiendo porque te sale doble,mira acabo de probar el codigo en el siguiente blog y lo veo muy bien.
http://www.blogwarez.com.ar/2012/08/los-10-secretos-para-transmutar-karma.html
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
Hayder Juvinao · diciembre 31, 2012 a las 4:50 pm
Edita el CSS 😛
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/
Hayder Juvinao · enero 21, 2013 a las 9:45 pm
Alexander pero pon los botones en tu blog para poder ayudarte.
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.