En la entrada anterior les explique como poner el botón de facebook me gusta en en todas las entradas lo cual era fácil de implementarlo,bueno hoy les voy a explicar como colocar los tres botones juntos uno arladito del otro facebook,twitter,y google+1 es muy fácil de implementar también son los mismos pasos a seguir.
Lo primero que vamos a hacer es ir a diseño > Edición de HTML > y marcamos > Expandir plantillas de artilugios.
Para una búsqueda mas rápida Ctrl+F y colocamos lo que queremos buscar.
El que lo quiera poner después del titulo antes de la entrada buscamos lo siguiente:
El que lo quiera poner al final de cada entrada buscamos el siguiente codigo:
Una ves encontrado colocamos el siguiente código justo después del código que buscamos.
<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both;'/>
<div style='float: left;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=110&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:21px;'/>
</div>
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-via='tubetrucos' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float: left;'>
<g:plusone size='medium'/>
</div></b:if>
Parámetros a tomar en consideración para facebook
- layout – Estilo del botón. Valores: standard o button_count.box_count
- show_faces – Muestra o no el avatar de quienes del gusta la anotación. Valores: true o false.
- width – Ancho del iframe.
- action – Texto del botón. Valores like o recommend.
- font – Fuente a utilizar.
- colorscheme – Esquema de colores. Valores: light, dark o evil.
cambian el false por true
En el código de twitter donde dice tubetrucos lo cambian por su nombre de usuario .
En el código de google +1 no hay que hacer nada lo único que si no tienen el botón +1 en algún lugar de tu sitio entonces tienen que añadir el siguiente codigo en la cabecera o delante de la etiqueta body.
{lang: 'es-419'}
</script>
Bueno una ves puesto el código donde lo queremos y visto las alternativas lo que nos queda es guardar los cambios y es todo.
:)
:(
;)
:D
;;-)
:-/
:-O
X(
B-)
#:-S
:((
:))
=))
~X(
:-t
8-
=P~
#-o
=D7
:-SS
:-q
:-bd
amigo una cosa me queda mal
ResponderEliminaraqui una captura de pantalla de como me queda los botones
http://img853.imageshack.us/img853/5610/ejemplowu.png
espero una solución gracias
corrigo el link de la captura de pantalla por si no se vea el de imageshack
ResponderEliminar[url=http://www.subirimagenes.com/--7222565.html]Ver Imagen: http://s.subirimagenes.com//previo/thump_[/url]
No puedo agregar el codigo no me sale nada debajo de las entradas espero que me ayudes.
ResponderEliminarArmán:Hola y disculpa la demora vi la imagen si te refieres a que apenas se ve el boton porque esta muy pegado del texto es facíl usa <br/> 1,2,3 o las que tu quieras para separarlos depende la distancia que quieras si lo usas antes del codigo vas a separar la distancia del titulo a los botones y si lo pones despues del codigo separas los botones del texto o puedes ponerlos antes y despues te dejo esta direccion para que veas esta imagen y sepa de que te estoy hablando si no me entiendes o tienes alguna duda hasmelo saber .saludos
ResponderEliminarhttp://img75.xooimage.com/views/e/2/d/tubetrucos-2f99e9d.jpg/
Armán:Estuve viendo y no veo porque no te sale despues de las entradas he vuelto a provar el codigo varias veces en otros sitio y si funciona de lo mas bien sigue bien los pasos que explico en la entrada,en tu plantilla te aparece así:
ResponderEliminar<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Aquí te digo donde ponerlo
<div class='post-footer-line post-footer-line-1'> aquí pon el codigo <span class='post-author vcard'>
prueba otraves a ver que tal y despues me dices.saludos
Hola!
ResponderEliminarPasa lo de siempre, colocar así los botones (como lo explican todos: debajo de post-footer), no es correcto, eso comparte el blog entero y no una entrada individual. Si le dan 3 me gusta en facebook a una entrada, tendrán los 3 me gusta todas las entradas del blog...
Hola Van Der, Solo quiero decirte que poniendo el codigo al principio o al final de la entrada no tiene nada que ver a la hora de compartir ,lo otro el codigo que te brindo tiene,
Eliminar<b:if cond='data:blog.pageType == "item"'>
Aquí va el codigo
</b:if>
Usando eso a la hora de compartir cualquier entrada con cualquier boton de redes sociales lo comparte por entrada no como dices, si le dan 3 me gusta a una entrada solo cuenta en esa entrada en las demas van a aparecer 0 ,solo pruebas y despues dices .saludos