Los Marcadores Sociales, eso de compartir y recomendar en Internet, está en alza contínua y crece cada día más dado que es una excelenta manera de equilibrar el poder de los visitantes web y su habilidad para compartir buenos contenidos en la red.

Los Marcadores Sociales, o también llamados Social Media no son sólo una mera herramienta para generar más tráfico a tu web, o para fidelizar los usuarios en tu web y blog, sino que también podemos y de manera efectiva, crear backlinks a nuestro sitio.

Los 9 Mejores Plugins Para Social Media en Tu Blog WordPress

1. Sexy Bookmarks

Sexy Bookmarks hace ya bastante que corre por la red, y destaca por su limpieza del diseño, y la facilidad para compartir nuestros contenidos con diferentes agregadores, o redes sociales. Dispone de iconos muy vistosos, nos da la posibilidad de colocarlo antes o después del post.

2. Social Bookmarking RELOADED

Social Bookmarking RELOADED añade una lista en XHTML de las redes sociales y agregadores al final de cada post o páginad e nuestro WordPress. Su principal característica es que dispone de muchas fuentes para ser agregadas.

3. AddToAny: Share/Bookmark/Email Button

AddToAny es sin duda uno de los plugins sociales más usados, actualmente te permite compartir tu contenido con más de 125 sitio y puedes elegir cuáles usar cómodamente. Adicionalmente dispone de pestañas dónde el usuario puede compartir tu contenido vía e-mail o guardar-se la página a favoritos.

4. Bookmarkify

Bookmarkify es un plugin de social media marketing que actualmente incluye unas 50 páginas donde poder compartir el contenido. Dispone de una Cópia HTML que te permite editar su estilo o añadirlo al sidebar

5. Digg Digg

Digg Digg se ha hecho popular porque es de los únicos plugins que es capaz de medir cuantos veces tu artículo ha sido compartido y porqué sitio web social. De momento sólo soporta 15 sitios web sociales.

6. Share and Follow

Share and Follow fué diseñado con el objetivo de ser muy fácil de usar. Es perfecto para webmasters que están preocupados sólo con los sitios más populares. Es muy flexible y puede ser usado ya sea cómo widget, enlace, template tag o añadido automáticamente.

7. Facebook I Like Button

El plugin Facebook I Like Button fué diseñado específicamente para permitir a los lectores de tu blog establecer conexiones entre tus el perfil de facebook de tu visitante y el mismo contenido del post con un simple click. Se implementa fácilmente con un iframe y no es necesario saber ningún tipo de código para implementarlo. También puede ser personalizado fácilmente.

Tienes un artículo que explica cómo añadir el botón like de facebook en tu blog facilmente.

8. Publish 2 Ping.fm

Publish 2 Ping.fm permite que tus posts sean publicados automáticamente en ping.fm. Seleccionas la categoría, la plantilla de publicación, hasta te crea automáticamente urls bit.ly para tu contenido.

9. Socialize This

Socialize This te permite crear fácilmente widgets sociales para tus posts o páginas de tu blog. Con muy poca configuración puedes integrar el plugin con tu diseño de wordpress. Además te permite publicar vía twitter cada vez que creas un post y te crear urls cortas automáticamente.

Todos los plugins son compatibles con wordpress 2.9.2 y tendrán sus versiones para wordpress 3.0 próximamente.

¿Cuales usáis vosotros?

Digamos que necesitas o te hace gracia tener tu propio acortador de URL’s y encima tienes la potra de que las últimas letras de tu nombre son un ccTLD (un dominio de un país) por ejemplo: Benito, pues bien Benito, si te compras el dominio beni.to y te creas una cuenta en bit.ly en un plisplas puedes tener un propio acortador de url’s, sí sí, cómo Google! (http://goo.gl)

¿Qué es Bit.ly?

Bit.ly es uno de los más famosos acortadores de url que puedes en encontrar en internet actualmente, se usa sobretodo en redes sociales cómo twitter y sus millones de aplicaciones que hay detrás, casi nada.

¿Para que sirve Bit.ly?

En Twitter por ejemplo sólo puedes “twittear” mensajes de hasta 140 carácteres, un acordator de urls te permite ganar carácteres si tu url original es muuuy larga.

También te puede ser útil para camuflar tus enlaces si no quieres que la gente vea la url que hay detrás antes de clicar.

Y encima Bit.ly te genera estadísticas de tus clics con lo que encima puedes hasta saber quien te está clicando y desde donde.

El Código PHP

Recuerda que debes crearte una cuenta en Bit.ly e ir a buscar tu api key aqui.

/* como crear tu propio acortador de urls en 2 líneas de php */
function acortarUrl($url,$login,$apikey,$format = 'xml',$version = '2.0.1')
{
	// creamos la url para hacer la peticion a la API
	$uri = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey='.$apikey.'&format='.$format;
	// cargamos el fichero xml de respuesta
	$xml = simplexml_load_file($uri);
	// devolvemos la variable con la url
	return $xml->results->nodeKeyVal->shortUrl;

}

Y para usar el script tan senzillo cómo:

/* uso */
define(API_USER,'usuario');
define(API_KEY,'la_api_key_aqui');

$urlcorta = acortarUrl('http://www.manelgarcia.com',API_USER,API_KEY);
echo 'La URL corta es:  '.$urlcorta;

En nettuts han colgado un interesante post de Burak Guzel dónde explica las 20 mejores practicas en MySQL. No las voy a traducir todas, sólo las que a mi me parece son más útiles o las que más “me paso por el foro”.

• LIMIT 1 Cuando sólo vas a sacar una línea. Muchas veces nos pasa que de entrada ya sabemos que sólo vamos a sacar 1 fila de nuestra consulta. Añadiendo LIMIT 1 forzamos a MySQL a parar y así no recorrer la tabla entera.

  // tengo algun usuario en Badalona?
  
  // que NO hacer:
  $r = mysql_query("SELECT * FROM usuarios WHERE localidad = 'Badalona'");
  if (mysql_num_rows($r) > 0) {
  	// ...
  }
  
  // Mucho mejor:
  $r = mysql_query("SELECT 1 FROM usuarios WHERE localidad = 'Badalona' LIMIT 1");
  if (mysql_num_rows($r) > 0) {
  	// ...
  }

• NO uses ORDER BY RAND(). Dice Burak que utilizar RAND() es un grave error ya que MySQL usa mucha potencia con esta función. Y con el aumento de datos en nuestra base de datos se puede crear un embudo. Nos propone una solución alternativa:

  // que NO hacer:
  $r = mysql_query("SELECT nombre FROM usuarios ORDER BY RAND() LIMIT 1");
  
  // Mucho mejor:
  
  $r = mysql_query("SELECT count(*) FROM usuarios");
  $d = mysql_fetch_row($r);
  $rand = mt_rand(0,$d[0] - 1);
  
  $r = mysql_query("SELECT nombre FROM usuarios LIMIT $rand, 1");

• Evita el SELECT *. A más datos en nuestra base de datos, más lenta se ejecutará la consulta. Comenta que es un buen habito especificar que campos queremos en cada SELECT que usamos.

  // no es preferible hacer eso
  $r = mysql_query("SELECT * FROM usuarios WHERE id = 1");
  $d = mysql_fetch_assoc($r);
  echo "Bienvenido {$d['nombre']}";
  
  // mucho mejor:
  $r = mysql_query("SELECT nombre FROM usuarios WHERE id = 1");
  $d = mysql_fetch_assoc($r);
  echo "Welcome {$d['nombre']}";
  
  // las diferencias son mucho más notables con muchos datos en la base de datos

• Usa casi siempre un campo id: Siempre que puedas usa un campo id que sea la PRIMARY KEY y se autoincremente. Aunque en nuestra tabla tengamos un campo único ‘username’ los STRINGS siempre son más lentos que los INT.

• Usa ENUM en lugar de VARCHAR: Las columnas tipo ENUM son muy rápidas y compactas. Internamente están interpretadas cómo TINYINT pero podemos guarder dentro  cadenas de texto. Es muy útil para campos que sabemos de entrada que contienen pequeño texto tipo : estado (pendiente, activo, inactivo..)

• Evita los campos NULL: si te da igual tener un campo vacío que NULL, usa siempre NOT NULL. En MySQL NULL require un espacio adicional.

• Guarda las IP’s cómo UNSIGNED INT: Muchos programadores usan un VARCHAR (15) para guardar las IP’s pero deben saber que guardarlos cómo INT requiere mucho menos espacio (4kb). Para guardar y devolver IP’s como INT en MySQL podemos usar las siguientes funciones: INET_ATON() y INET_NTOA() muy parecidas a las funciones php ip2long() y long2ip().

  $r = "UPDATE usuarios SET ip = INET_ATON('{$_SERVER['REMOTE_ADDR']}') WHERE id = $id";

Estoy preparando unos minisitios de gambling para probar unos sistemas de afiliados que me han recomendado y he encontrado varias plantillas gratis en css para descargar sobre temática de gambling, poker online, bingo blackjack etc…

Aquí os dejo los enlaces:

• http://templatenavigator.com/flashstore/show-category-gambling.html
• http://www.gamblingtemplates.net/
• http://www.templateworld.com/casino_and_gambling.html
• http://www.gamblingtemplates.co.uk/

Muchas son las veces que queremos automatizar procesos para ganar tiempo cómo por ejemplos los envíos de correos electrónicos.

Vengo trabajando en el Gestor de pedidos para Butonet y la verdad es que me he topado con la necesidad de poder enviar archivos con un PDF adjunto que se genera automáticamente con los precios de los productos elejidos por el cliente.

Para que conste ya de inicio, la gran mayoría de gente cuando preuntas o te informas te recomienda dejar de programar esas cosas a pelo y hacer uso de scripts o aplicaciones más fiables como PHPMailer una clase escrita en PHP que ya tiene todos los modulos necesarios añadidos para que no tengas que programar ni una línea. Pero cómo cazurro que soy, yo quiería hacerlo y no paré hasta que lo hice.

Os muestro el código para poder enviar mails con archivos adjuntos en PHP a continuación:

--PHP-mixed-
Content-Type: multipart/alternative; boundary="PHP-alt-"

--PHP-alt-
Content-Type: text/plain; charset="iso-8859-1"
Content-Transfer-Encoding: 7bit

Hey gente aqui el cuerpo del mensaje!!

Podemos poner !

--PHP-alt-
Content-Type: text/html; charset="iso-8859-1"
Content-Transfer-Encoding: 7bit
Ahora el cuerpo pero con HTML!

Fácil y divertido, ah y también podemos añadir !

--PHP-alt---

--PHP-mixed-
Content-Type: $filetype; name=$filename
Content-Transfer-Encoding: base64
Content-Disposition: attachment


--PHP-mixed---

¿En realidad tampoco es tan difícil no? ¿Alguna duda? ¿Qué os parece?

Sigo con algunos consejos para aprender CSS.

Hoy he necesitado usar una lista en CSS dónde los ‘bullets’ o símbolos que marcan cada elemento de una lista fuesen imagenes. Os dejo el código aquí para quien le pueda ser de utilidad.

Aqui nuestro código HTML para crear la lista:

Y a continuación el código CSS

#block ul li{ list-style-image:url('imagen.jpg'); }


Hoy en día para alguien que dispone de muchos sitios web pagarse los hostings individualmente puede salirle muy caro. Una alternativa puede ser usar esos hostings gratis de calidad que ofrecen servicios cómo basees de datos mysql o trasnferencias de datos mensuales muy aceptables.

Así es, la muchas empresas ofrecen este servicio de hosting gratis con mysql, totalmente gratuito con las siguientes prestaciones:

• 1500 megas de espacio en disco
• 100Gb de transferencia mensual
• PHP con la función mail() activada
• Curl, GD2 library, ImageMagick, Zend
• fopen() y MySQL sockets
• safe_mode esta OFF, file uploads ON
• soporta Zend Optimizer, Ioncube loader.. y muchas más características habilitadas!

El alojamiento web gratis se crea automáticamente (menos de 1minuto) y te da la opción de crear un subdominio o utilizar tu propio dominio, en el segundo caso te provée de sus propias DNS para apuntar al dominio. Todo muy fácil.

Realmente es uno de los pocos servicios de hosting gratis que funciona con regularidad y sin caídas, a parte de que no hay publicidad.

Yo ya lo uso para la creación de blogs usando WordPress.

Podéis crear vuestro alojamiento gratuito clicando aqui

Las galerías CSS, són un tipo de sitios web dónde muestran y promocionan un listado de sitios. Normalmente con un estilo y diseño bastante cuidado. ¿Para que puede servir eso?

Si diseñamos páginas web nos va ideal. Podemos crear nuestro sitio corporativo enfocado directamente a aparecer en estos sitios ya que son periódicamente chequeador por algunos de nuestros clientes potenciales. Ganaremos en buzz, visitas y marca.

Indirectamente también ganamos algunos enlaces y mejoramos nuestro posicionamiento en los buscadores.

El otro uso que se le dá a esas galerías es el de la inspiración. Algunas veces sin saber que color usar, tipografia, cómo distribuir los menús de mi sitio etc.. Aquí también nos pueden ser mucho de ayuda.

Os dejo a continuación algunas de las galerías CSS más populares en la red.

• www.cssdrive.com
• www.csselite.com
• http://www.css-website.com/
• http://www.cssheroes.com/
• http://www.urbantrash.net/cssgallery/
• http://www.divinecss.com/
• http://www.thecssgallerylist.com/
• http://www.cssperk.com/
• http://www.cssbeauty.com/gallery/
• http://cssvault.com/
• http://www.cssbreeze.com/
• http://www.cssmix.nl/
• http://www.csszone.org/
• http://www.cssclip.com/
• http://www.cssbag.com/
• http://www.csscatwalk.com/
• http://www.cssdaddy.com/
• http://www.css20.com/
• http://www.cssburst.com/
• http://cssfury.com/

Es el turno ahora de saber cómo crear archivos usando PHP. Esto nos puede ser muy útil en algunos casos ya sea para almacenar datos, o para automatizar procesos. Sin ir más lejos el mismo sistema de publicación que uso en mi blog “WordPress” crea el archivo de instalación si no existe para que así al entrar los datos de nuestra base de datos se conecte automáticamente.

Vamos con el código para crear archivos:

$nombre_archivo = "archivo.php";
$control_archivo = fopen($nombre_archivo, 'w') or die("no se puede abrir");
fclose($control_archivo);


¡Tan fácil cómo eso!

En esta ocasión os mostraré cómo crear una lista horizontal en CSS.  Cómo no es una tarea estresante pegaré el código y iré explicando el uso de cada línea.

Código CSS:

#lista li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

Cómo véis utilizamos un identificador (#lista) para poder seguir disponiendo de la etiqueta <li> virgen. A posteriori le decimos que la lista nos la muestre en una línea (display:inline) y no le damos ningún estilo (lo que en las listas tradicionales serian los “bullets” o estrellitas que encabezan cada elemento de la lista. Y finalmente le decimos que nos de un espacio de 20px entre elementos a la derecha. ¿sencillo no?

Código HTML para utilizar las listas hirizontales con CSS:

<ul id="lista">
<li><a href="#">Sección 1</a></li>
<li><a href="#">Sección 2</a></li>
<li><a href="#">Sección 3</a></li>
<li><a href="#">Sección 4</a></li>
<li><a href="#">Sección 5</a></li>
</ul>

No creo que tenga mucho a comentar, lista tradicional en HTML aplicándole la ID creada en la hoja de estilos.

Podeis ver el resultado final haciendo click aquí.