pdropablo.net

Crear y utilizar Favicon para tu web

Posted by in Blog, Diseño, Internet, Manuales, Web

Favicon, del inglés favorites icon (icono de favoritos), también conocido como icono de página, es aquella pequeña imagen que aparece en algunos navegadores junto a la dirección de una página web. Los navegadores gráficos suelen mostrar el favicon de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente.

Ejemplo:


Vista del favicon de mi blog en la barra de dirección, en favoritos, y en la pestaña.

(más…)

3

El botón Me gusta de Facebook

Posted by in Blog, Internet, Redes Sociales, Web, WordPress

Facebook agregó plugins sociales que se pueden incorporar en cualquier sitio web, uno de ellos el botón “Me gusta“. Este botón está presente en todas las anotaciones publicadas en Facebook y ahora disponible para sitios externos. Al pulsar el botón el lector lo comparte inmediatamente en su perfil de Facebook.

Los parámetros son:

  • href – Es la dirección a compartir. (ej: http://blog.pdropablo.net/)
  • layout – Estilo del botón. Valores: standard o button_count
  • show_faces – Muestra el avatar de a quiénes le gusta. Valores: true o false.
  • width – Ancho del iframe.
  • action – Texto del botón. Valores like o recommend. (Me gusta o Recomendar)
  • font – Tipo de fuente a utilizar.
  • colorscheme – Esquema de colores. Valores: light o dark.


Resultados

layout: standard layout: button_count (colorscheme: dark)
   

Estos valores se pueden cambiar directament en el código o usar el formulario de Facebook, creo que es más cómodo, el resultado es el mismo.


Integración


Cualquier web

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>

Para que sea fija basta con cambiar el parámetro href y poner la url (dirección) que desea.


WordPress

Abrimos el archivo single.php del theme. Nos ubicamos en el lugar donde se pretende aparezca el botón, en el footer del post o abajo del título. Y agregamos el código:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>


Blogger

Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

30