Insertar Tweet Button

Utilizar Tweet Button es muy sencillo, para ello tienes que editar el código html de la página donde deseas mostrar el botón e insertar las siguientes líneas.

1
2

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/share" class="twitter-share-button">Tweet</a>

Con lo cual obtendremos el siguiente resultado:

Tweet

Utilizar el Generador de Tweet Button

Tweet Button tiene parámetros adicionales que te permitirán adaptarlo a tus necesidades, para ello Twitter ha creado Tweet Button Goodies Page, un Generador que te permite configurar todos los parámetros disponibles y al final generará el código necesario para copiar y pegar en tu web.

Utilizar WP-TweetButton Plus para insertarlo en WordPress

WP-TweetButton Plus es plugin para WordPress que te permitirá incluir Tweet Button en los posts de tu blog sin necesidad de editar tu template, además cuenta con un panel de configuración muy útil para configurar el botón y adaptarlo a tus necesidades.

Tweet

Entre las características mas interesantes de este tema podemos mencionar:

• Menu animado con jQuery
• Enlaces para compartir en redes sociales (Digg, Facebook, Technorati, etc).
• Soporte para integrar las imágenes de Flickr
• Soporte para suscripción con FeedBurner.
• Bloques para publicidad (125×125, 120×600, 300×250)
• Soporte para widgets.
• Gratis para uso comercial y no-comercial.

Con todas estas cualidades rápidamente puedes tener un blog con excelente diseño y con las opciones para que los usuarios puedan compartir el contenido en las principales redes sociales.

Mas Información

• Mas Información
• Demo
• Descarga

Tweet

WP-SWFObject

WP-SWFObject es un plugin para wordpress que te permitirá publicar archivos flash en WordPress de manera rápida y sin complicaciones sin necesidad de conocer HTML. Este plugin cuenta con un panel de configuración muy completo el cual permite definir el comportamiento de los SWFs en tu blog.

Instalar WP-SWFObject

Las instalación es muy sencilla, para ello en tu panel de administración de wordpress accedes al menú Plugins > Add New . Luego en la busqueda de plugins escribes wp-swfobject, luego seleccionar Install Now para WP-SWFObject. Listo ya tienes instalado el plugin.

Si deseas puedes configurar las opciones para mostrar los SWFs en el menú Settings > WP-SWFObject.

Publicar SWF con WP-SWFObject

Para publicar los archivos flash, en el momento de escribir el post debes seleccionar el editor de código. Una vez hecho este cambio para publicar SWFs deben utilizar la siguiente sintaxis.

1

[swf]ruta-al-flash.swf, ancho, alto[/swf]

En donde se tienen tres parámetros.

• ruta-al-flash.swf es la ruta absoluta al archivo flash que deseas publicar.
• ancho es el ancho en pixels del SWF.
• alto es el alto en pixels del SWF a mostrar

Entonces si por ejemplo tenemos un archivo el cual subimos a nuestro servidor y se ubica en http://2webfacil.com/wp-content/uploads/2010/06/7762.swf, luego para publicar el archivo utilizamos el siguiente código:

1

[swf]http://2webfacil.com/wp-content/uploads/2010/06/7762.swf, 231, 132[/swf]

Con lo cual podemos obtener el siguiente resultado.

Publicar Videos de Youtube con WP-SWFObject

WP-SWFObject permite publicar vídeos de Youtube de manera sencilla, para ello puedes utilizar la misma sintaxis que se utiliza para publicar archivos SWFs pero en la ruta del swf deben colocar la ruta al vídeo. Por ejemplo para un vídeo de Youtube con ruta http://www.youtube.com/watch?v=8C7SxYzDNZk podríamos utilizar el siguiente código:

1

[swf]http://www.youtube.com/watch?v=8C7SxYzDNZk, 425, 350[/swf]

Con lo cual obtenemos el siguiente resultado:

Como pueden ver publicar archivos flash o publicar vídeos de Youtube es muy sencillo y sin necesidad de mayores conocimientos.

Tweet

Dirección del Feed

Para realizar la versión móvil de nuestro blog utilizaremos el Feed, entonces es necesario reconocer la dirección del Feed de nuestro blog.

Para usuarios de Blogger, si el blog tiene la dirección:
http://2webfacil.blogspot.com/
La dirección del feed sería de la forma:
http://2webfacil.blogspot.com/feeds/posts/default

Para usuarios de WordPress, si la dirección del blog es:
http://2webfacil.com/
La dirección del feed sería de la forma:
http://2webfacil.com/feed/

Método I: Utilizando Google Reader

Una forma de crear una versión optimizada para dispositivos móviles es utilizar la versión móvil de Google Reader, para ello se puede utilizar la siguiente ruta, donde URL-FEED es el URL del feed de tu blog.

1

http://www.google.com/reader/m/view/feed/URL-FEED

Lo siguiente es detectar si el usuario esta accediendo desde un iPhone y redireccionarlo a la nueva versión. Para ello utilizaremos un pequeño Javascript, el cual debemos colocar en el código fuente de nuestro blog antes de la etiqueta </head>.

1
2
3
4
5
6

<script type="text/javascript">
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf('iphone')!=-1) {
	window.location = "http://www.google.com/reader/m/view/feed/URL-FEED"
}
</script>

Método II: Utilizando el Lector de Feeds de iPhone

Si el iPhone detecta que el contenido al que se accede es un Feed, por defecto utiliza un lector preparado para mostrarse correctamente en dispositivos móviles, por lo cual podemos utilizar directamente la dirección del Feed de nuestro blog. Entonces modificando el código anterior tendríamos:

1
2
3
4
5
6

<script type="text/javascript">
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf('iphone')!=-1) {
	window.location = "URL-FEED"
}
</script>

No se olviden de reemplazar URL-FEED por el URL de su blog. Además hay que colocar este código antes de la etiqueta </head> de nuestro blog.

Pueden ver el ejemplo funcionando en nuestro blog de pruebas http://2webfacil.com/ si es que acceden utilizando un iPhone.

Tweet

BlogPress
BlogPress es una aplicación que permite administrar blogs de diferentes plataformas como: WordPress, Blogger, Movable Type, TypePad, LiveJournal entro otros. Tiene un costo de $US 2.99. BlogPress: Blogger Edition es una versión reducida de BlogPress con soporte para Blogger / BlogSpot y completamente gratuito. Esta herramienta nos permitirá.

• Administrar cualquier blog de Blogger.
• Tiene un mini-editor WYSIWYG para redactar tus posts.
• Permite incluir fotos en cualquier parte de tu post sin usar codigo html.
• Puedes incluir fotos desde la librería o tomarlas directamente.
• Puedes incluir y subir las fotos que quieras. Las fotos se subiran a tu cuenta de Picasa.
• Soporte para tags, categorias, post publicos y borradores.
• Puedes administrar multiples blogs, editar y eliminar posts.
• Puedes configurar tu firma para incluirla al final de cada post.

BlogPress Lite, es la aplicación ideal para publicar posts desde el iPhone o iPod Touch, tiene una interfaz muy bien lograda y con todas las funcionalidades necesarias para administrar nuestro blog. Nosotros hemos hecho nuestras pruebas y puedes ver un post redactado desde el iPhone en nuestro blog de prueba: http://2webfacil.blogspot.com/2009/10/publicando-en-blogger-desde-iphone.html

Tweet

Twitter Tools Plugin
Twitter Tools es el plugin mas completo para hacer la integración entre WordPress y Twitter, además de ello viene con un panel de configuración muy completo. Entre las cualidades mas importantes de este plugin podemos mencionar:

• Crear y publicar tweets desde e panel de administración.
• Crear un tweet cada vez que publicas un post.
• Publicar un Tweet directamente del administrador de WordPress.
• Publicar un post en tu blog con todos tus tweets.
• Mostrar tus ultimos tweets en tu sidebar.
• Crear posts con resumenes diarios o semanales de tus tweets.
• Panel de configuración muy completo.
• Soporte para filtros adicionales.

Una vez instalado el plugin, debes colocar tu usuario y clave de Twitter para que se puedan extraer los datos automáticamente. Una vez configurado el plugin en la pantalla de publicar un post aparecerá una nueva opción para enviar directamente el post a Twitter.

Twitter Tools: bit.ly Links
Twitter Tools funciona perfectamente pero no acorta los URLs y ya que Twitter permite solo 140 caracteres, corremos el riesgo que nuestro tweet salga recortado, para ello podemos hacer uso de Twitter Tools: bit.ly Links un plugin complementario que integra el API del servicio de acortamiento bit.ly.

Para hacer uso de este plugin es necesario tener una cuenta en bit.ly con lo cual podremos acortar nuestras URLs gratuitamente y además tendremos estadísticas de visitas a estos enlaces acortados.

Tweet

En la mayoría de ocasiones en lugar de ayudar los Post Revisions resultan un problema pues nos van llenando la base de datos con datos temporales inservibles, para ello veremos como desactivar esta característica.

Desactivando Post Revisions

La primera forma es agregar unas líneas de código al archivo wp-config.php ubicado en la raíz de nuestro servidor, para ello agregamos la siguiente línea.

1

define('WP_POST_REVISIONS',false);

Esto hará que ya no se guarden mas las revisiones en nuestra base de datos.

Limitando los Post Revisions

Ahora si lo que deseamos es limitar a cierta cantidad el número de revisiones podemos utilizar el siguiente código colocandolo en el archivo wp-config.php.

1

define('WP_POST_REVISIONS', 6);

Utilizando un Plugin
Ahora si no deseamos editar los archivos puedes utilizar un plugin llamado Revision Control el cual te permitirá controlar por separado las revisiones para los posts y para las paginas, desde el mismo panel de administración.

Como pueden ver ya sea con código o con un plugin es sencillo de controlar esta propiedad y nos asegura un mejor rendimiento y menos espacio en nuestra base de datos.

Tweet

Para nuestro formulario de contacto utilizaremos el servicio Kontactr el cual mediante un registro sencillo y sobre todo gratuito nos permitirá obtener un formulario de contacto para nuestro web o blog según sea nuestra necesidad.

Utilizando Kontactr
Una vez registrados en este servicio tendremos las siguientes opciones, Embed Widget – AJAX el cual permite incluir el formulario con validación y envío en AJAX, para es necesario copiar un codigo del tipo:

1
2

<script type="text/javascript"> id = XXXXX; </script>
<script type="text/javascript" src="http://kontactr.com/wp.js"></script>

La segunda forma de utilizar es Embed Widget el cual nos brinda el código html del formulario para incluirlo directamente, el cual es de la forma:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<form method="post" action="http://kontactr.com/euser.php">
<input name="id" type="hidden" value="XXXXX" />
<table cellpadding="10px" border="0" style="font-size: 13px; font-family: Tahoma, Verdana;">
<tr>
<td align="right">Your Name : </td>
<td><input name="sender_name" type="text" style="width: 250px;" /></td>
</tr>
<tr>
<td align="right">Your Email : </td>
<td><input name="sender_email" type="text" style="width: 250px;" /></td>
</tr>
<tr>
<td align="right">Subject : </td>
<td><input name="subject" type="text" style="width: 250px;" /></td>
</tr>
<tr>
<td align="right" valign="top">Message : </td>
<td><textarea rows="10" cols="40" name="message" style="font-size: 13px; padding: 3px; font-family: Tahoma, Verdana;"></textarea></td>
</tr>
<tr>
<td align="right" valign="middle">Image (case-sensitive): </td>
<td><img src="http://kontactr.com/captcha.php" /> <input type="text" name="captcha_code" style="margin-bottom: 10px; font-size: 13px; padding: 3px; font-family: Tahoma, Verdana;" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input name="send" type="submit" id="send" value="Send" style="font-size: 18px; width: 100px; letter-spacing: 5px;" /></td>
</tr>
</table>
</form>

Podemos observar en este formulario que tenemos los nombres de los campos, los cuales podemos modificarlos para personalizarlos, por ejemplo podríamos tener nuestro formulario en español:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<form method="post" action="http://kontactr.com/euser.php">
  <table cellpadding="2px" border="0">
    <tr>
      <td align="right">Nombre: </td>
      <td><input name="sender_name" type="text" style="width:250px;" /></td>
    </tr>
    <tr>
      <td align="right">Email: </td>
      <td><input name="sender_email" type="text" style="width:250px;" /></td>
    </tr>
    <tr>
      <td align="right">Asunto: </td>
      <td><input name="subject" type="text" style="width:250px;" /></td>
    </tr>
    <tr>
      <td align="right" valign="top">Mensaje: </td>
      <td><textarea rows="10" cols="40" name="message" style="width:250px;"></textarea></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Imagen: </td>
      <td><img src="http://kontactr.com/captcha.php" />
        <input type="text" name="captcha_code" style="margin-bottom: 10px; padding: 3px;" /></td>
    </tr>
    <tr>
      <td align="center">&amp;nbsp;</td>
      <td><input name="send" type="submit" id="send" value="Send" style="width: 100px;" />
        <input name="id" type="hidden" value="XXXXX" /></td>
    </tr>
  </table>
</form>

Pueden ver el ejemplo funcionando:

• Formulario de contacto en WordPress
• Formulario de contacto en Blogger

Tweet

Un blog puede ser creado para publicar historias personales, artículos de tecnología, opinión, etc. El autor es el que decido sobre que desea escribir.

Por que tener un Blog?
Un blog es una ventana para mostrar o compartir acerca del tema que mas nos agrade. Se puede tener un blog para escribir acerca del tipo de música que nos gusta, del lugar donde nacimos, del deporte de nuestros amores o sobre la tecnología, en fin podremos tener un blog sobre el tema que mas nos agrade y deseamos compartir con los demás.

La ventaja que tiene un blog es que los lectores pueden enviar sus comentarios en el articulo que mas les agrade. Entonces un blog es un medio de comunicación social por que el autor comparte sus conocimientos y los lectores pueden agregar sus comentarios.

También hay la posibilidad de escribir un blog con el fin de obtener ingresos, esto se logra colocando publicidad en los blogs, de este punto comentaremos en un próximo articulo.

Como crear un Blog?
Hay cientos de lugares gratuitos donde se pueden crear los blogs o también para los que tienen mayores conocimientos pueden instalar y alojar sus blogs en un hosting particular.

Entre los sistemas gratuitos para blogs, los mas utilizados y confiables son:

WordPress

Es un sistema gratuito en el cual te registras y puedes obtener una dirección web, entre las cualidades que destacan tenemos:

• URL de la forma; http://tublog.wordpress.com
• Facilidad para seleccionar diseños predefinidos.
• Soporte multilenguaje incluido el español.
• Soporte para Widgets
• Estadísticas de visitas y accesos.
• Filtro Anti-Spam.

Blogger

Otro sistema bastante conocido y con muchos seguidores el cual es propiedad de Google, te permite:

• URL de la forma: http://tublog.blogspot.com
• Puedes escoger diseños predefinidos o crear los tuyos.
• Soporte para varios idiomas incluyendo el español.
• Soporte para scripts personalizados.

Ambos tienen muchos seguidos y amplia información para personalizar para de esta forma lograr un blog con un aspecto propio y de buen acabado.

Tweet