Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
2. Elegir el lugar a agregar el código. El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:
<div class='post-footer-line post-footer-line-1'><b:if cond='data:blog.pageType == "item"'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=true&width=100&action=like&font=arial&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>
</b:if>El resultado es un botón como el siguiente:
Funcionamiento
El botón es más bien uniframe al que se le pasan por parámetros las características del elemento. El código es más o menos como sigue:<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogandweb.com%2F&layout=button_count&show_faces=true&width=100&action=like&font=arial&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>Los parámetros son:
- href – Con la URL a compartir.
- layout – Estilo del botón. Valores: standard o button_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.
Nota: Puede usarse
post-footer-line-1 o cualquier otra en el footer. El código a agregar puede modificarse con los parámetros que se listaron en la parte de funcionamiento.
