Hasta hace poco, la mayoría de estas cosas eran bastante complejas pero han empezado a ofrecer algunos códigos más sencillos que pueden verse en su página de desarrolladores. Tal vez, los más interesantes son los plugins sociales y entre ellos, el famoso botón Me Gusta que permite a los usuarios, compartir contenido entre su sitio y la cuenta de Facebook de los visitantes.
Todo lo que hace falta para agregarlo a Blogger es copiar y pegar el código que no es otra cosa que un iframe:
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
Lo razonable , sería ponerlo en cada entrada, junto con el resto de los íconos sociales, por ejemplo, en el post-footer de las entradas.
Si bien ese es el código por defecto, hay cosas que podemos personalizar y que son esos parámetros que se adosan a la dirección URL de nuestra entrada:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si queremos colocarlo en nuestro home (nada impide usarlo en cualquier página), el código es el mismo y basta establecer la URL correcta, reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
Si bien ese es el código por defecto, hay cosas que podemos personalizar y que son esos parámetros que se adosan a la dirección URL de nuestra entrada:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si queremos colocarlo en nuestro home (nada impide usarlo en cualquier página), el código es el mismo y basta establecer la URL correcta, reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fvagabundia.blogspot.com%2F&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>
