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

Como instalar un Servidor Web en local

Posted by in Manuales, Web

Comenzé programando en mIRC Scripting, que tiempos aquellos.. Luego pase a HTML y con el tiempo me integré con PHP, MySQL y tal.. Para ello necesitaba un servidor, y ya tenía uno, pero me era un coñazo estar subiendo cada vez un archivo para saber si trabaja bien..

Mi primer servidor local fue instalando Apache, PHP, MySQL y phpMyAdmin por separados, la verdad que no lo hice rular, algo que me saltaría siempre del manual, jajaja, pero encontré un pack que lo traía todo, y solo había que instalarlo y te lo dejaba todo montado!!! Y hoy después de 4 años, continuo utilizando el mismo, y lo siguen actualizando.

WampServer es el pack del que hablaba, compuesto por:

  • Apache 2.2.11
  • MySQL 5.1.36
  • phpMyAdmin 3.2.0.1
  • PHP 5.3.0

Todo un pack que basta con instalar y ya tienes un servidor web listo para funcionar en localhost. (más…)

4