Bueno, para los que alguna vez siguieron el sitio van a ver que hubo muchos cambios estéticos, decidí mantenerlo mucho mas simple, mucho mas limpio y sin tantas idioteces ni publicidades ni nada eso. Además eliminé el foro ya que mantener eso era mucho mas trabajo que escribir algun post y además era como la panacea del spam.

El resto del sitio se mantiene mas o menos igual, las categorías se mantienen, los artículos antigüos se mantienen, algunos iré arreglándolos para que queden bien con el template nuevo del sitio, pero la idea es mantener este diseño simple por ahora y mucho mas rápido para su carga.

Bueno, espero que les guste el nuevo diseño, todavía quedan algunas cosas por arreglar y modificar, pero lo importante está funcional y cualquier comentario me pueden contactar desde el formulario de contacto.

Saludos!

Algunos puede que no conozcan la interfaz o la aplicación web osTicket pero quiero decirles que es muy poderosa en lo que hace. osTicket es un sistema de soporte y administración de tickets via web muy completo, con muchas funciones y lo mejor de todo, totalmente gratis. Funciona bajo php, javascript y mysql, algo parecido a lo que es WordPress pero en este caso en vez de un blog tenemos una plataforma de soporte de tickets con creación, ver el estado, etc. Muy buena plataforma para brindar soporte a nuestros usuarios.

En este caso quiero comentar sobre una customización a los colores que hice en la interfaz de administración. Así como se puede customizar el WordPress y nuestro blog aquí podemos customizar o personalizar el theme de osTicket. Tanto la parte cliente es que la que ven los usuarios como la parte de administración que ven los técnicos.

No solo podemos customizar la parte gráfica también podemos hacer modificaciones al código del producto para agregar funciones, modificar otras, etc. En el foro de la página principal estan todas las modificaciones que envían los usuarios, algunas que yo hice después las voy a ir mostrando, en esta ocasión sólo les comento la modificación que hice a los colores de la parte administrativa cuando vemos un ticket para que podamos identificar mas fácilmente cuál es la nota que envía el usuario, cuál es la nota interna entre el personal de soporte y cuál es la nota en respuesta al cliente. Esto lo dividí en colores fácilmente reconocibles, además modifiqué los colores de los formularios de respuesta para que sean iguales a los anteriores y por último hay un par de modificaciones a un archivo php que también comento el por qué lo hice. 

Además adjunto el archivo css para que lo puedan bajar directamente con las modificaciones realizadas así no tienen que estar tocando ustedes los archivos salvo el php. Ahora bien ustedes pueden tocar a gusto lo que yo hice para modificar los colores, no hace falta que lo dejen así pero es bastante fácil de ver un ticket con esa gama.

Como se ve en la imagen, el color amarillo y sus variantes fueron utilizados para las notas internas, el color azul representa lo que el cliente dice y el verde y sus variantes fue utilizado para las respuestas del personal. Luego las transferencias y asignaciones que se muestran en una sola línea tiene una variante de rosa que eso se dejó por defecto con dicho color, sólo se le asignó al formulario en cuestión. Acá les detallo el código CSS agregado y modificado del archivo original.

Archivo: /scp/css/style.css

Buscar:

/* Ticket view (Notes, Messages and Responses) */

Hacia abajo reemplazar todo lo que existe con el siguiente código:

#ticketthread table.message {

    margin:10px 0 5px 0;

}

#ticketthread table.response {

    margin-bottom:10px;

    margin-top:10px;

}

#ticketthread table.note {

    margin:10px 0 5px 0;

}

#ticketnotes table.note {

    margin-bottom:10px;

}

table.message {

    border: 2px solid;

    border-color:#8cbef3;

}

table.response {

    border: 2px solid;

    border-color:#adcf6e;

}

table.note {

    border: 2px solid;

    border-color:#e0c85e;

}

table.message td, table.message th,table.response td, table.response th,table.note td, table.note th {

    padding:5px;

}

table.message td, table.response td, table.note td{

  background-color: #FAFAFA;

}

table.message th, table.response th, table.note th {

    line-height:30px;

    font-size:12px;

    font-weight:bold;

    text-align: left;

    padding:1px;

    padding-left:5px;

}

table.message th {

    background-color: #99cdff;

}

table.response th {

    background-color: #c2de87;

}

table.note th {

    background-color: #fee179;

    color: #3E3E3E;

}

table.message tr.header td {

    background-color: #cfe1fb;

    border-color:#85b2e9;

    padding:1px;

    padding-left:5px;

}

table.response tr.header td {

    background-color: #e2f3be;

    border-color:#b4d675;

    padding:1px;

    padding-left:5px;

}

table.note tr.header td{

    background-color: #fcfd97;

    border-color:#ddcc4a;

    padding:1px;

    padding-left:5px;

}

#reply.tabbertab {

    background-color: #e1f7b2;

    border-bottom: 2px solid;

    border-color:#b4d675;

}

#notes.tabbertab {

    background-color: #faf5b3;

    border-bottom: 2px solid;

    border-color:#ddcc4a;

}

#transfer.tabbertab {

    background-color: #fdedc1;

    border-bottom: 2px solid;

    border-color: #fad163;

}

#assign.tabbertab {

    background-color: #fdedc1;

    border-bottom: 2px solid;

    border-color: #fad163;

}

Por ultimo hay que hacer unas breves modificaciones en un archivo php para la vista del ticket. Aquí les paso lo que habría que modificar.

Archivo: /include/staff/viewticket.inc.php

Buscar:

//Internal Notes

Bajo esta línea empiezan las notas, respuestas y mensajes con los colores que pasé mas arriba. Acá vamos a encontrar el box grande de Internal Notes y Ticket thread con la siguiente línea iniciando el box.

<div align="left">

Y eso lo podemos reemplazar con lo que nosotros queremos, en mi caso quedó de la siguiente manera:

Internal Notes

<div style='text-align:left; background-color:#faf5b3;border-top: 2px solid;border-bottom: 2px solid;border-color:#ddcc4a;'>

Ticket thread

<div style='text-align:left; background-color:#d8e5f8;border-top: 2px solid;border-bottom: 2px solid;border-color:#85b2e9;'>

Después podes agregar un par de renglones donde lo creas necesario o modificar el código HTML/PHP según lo necesites. Después de hacer estas modificaciones vas a ver instintivamente dónde está ubicado cada grupo de código para modificar los cuadros donde aparecen los mensajes en los tickets. También podrías modificar unas cuantas cosas mas, pero en esta ocasión sólo estábamos customizando los colores de dicha página.

Con estas modificaciones vas a tener una interfaz de administración o de staff para ver los tickets mucho mas cómoda e intuitiva, así que te recomiendo que lo tomes, lo adaptes a los colores que mas te gusten y ya lo pases a producción. Te dejo el css modificado en un archivo zip por si no queres entrar a hacer modificaciones.

Link | osTicket Home Page
Link | osTicket Forums

Qué es 14Blogs.com? Creo que deberíamos comenzar por esa pregunta y encontrar una respuesta clara y sencilla. Para resumirlo podemos decir que 14Blogs es sitio donde se agrupan blogs de diferentes temas, osea una red de blogs. Cuando te conectas a este sitio podrás tener rápidamente contenido de estos blogs participantes y así acceder a diferentes temas desde un mismo portal.

Actualmente cuenta con 10 Blogs pero va a llegar a los 14 como bien su nombre lo indica. Cada blog participante tiene su propia historia y su contenido con sus autores, los cuales te recomiendo porque son realmente interesantes. Son todos blogs de primera línea y cada uno en su respectivo tema.

Algunos de los blogs que actualmente participan de esta red:

Planeta Salvaje: Encontrarás fotos sorprendentes y geniales de la fauna y flora española.
Historias de la Historia: Narramos relatos históricos de una manera amena y entretenida, ¡¡¡Concurso iniciado, no telo pierdas!!!!
Punto Fape: Lo último en salud y deporte.
Sandeces.net: Los artículos más surrealistas que hayas visto ultimamente para que pases un rato genial. Este blog pasará directamente a formar parte de tus favoritos... o ya no lo visitarás jamás.
Livingviajes: Conoce los más lejanos y visitados destinos turísticos y prepara tus vacaciones con tiempo. Está al tanto de todo lo referente al mundo de los viajes con nuestro blog.
Música VIP: Te muestra las noticias sobre conciertos y giras de los grupos y cantantes más conocidos
Pilladas Pasarás un rato divertido con los mejores videos de la red y salpicados con artículos hilarantes.
Bezas Existe: Muestra los rincones más desconocidos y bellos de la Sierra de Albarracín, dando especial  relevancia a las curiosidades y rarezas, aunque cualquier rincón de esta bella serranía es un futuro o ya escrito artículo.
Madre Gea: Este blog te da las claves para que te formes tu propia opinión sobre la actual situación del medio ambiente y el cambio climático..
Cocina Vegetariana: Los platos más sanos y sabrosos provenientes de productos vegetales.

Creo que primero deberías conectarte a este portal y de ahí saltar a los blogs que realmente te interesen. En el sitio también vas a encontrar en forma reducida información sobre los autores de cada uno de estos blogs. Obviamente que si tienes un sitio puedes participar y colaborar, sólo debes dejar un comentario en la sección Colabora y ahí te pones en contacto con el autor de este sitio, Antonio Martinez quien tiene larga historia en internet.

Muchas veces me encontré con querer mostrar diferente contenido ya sea en los sidebar o dentro de la página del blog. Cuando menciono diferente contenido quiero decir links, banners, imágenes, texto, etc. cualquier contenido posible.

Por ejemplo, en la página principal no mostrar banners o links de publicidad y luego en un post particular o en una página particular sí mostrarlos e incluso diferente contenido según la página. No tiene que ser sólo publicidad puede ser contenido como el widget de categorías, la nube de tags o cualquier otro contenido e incluso puede ser una encuesta. Con esto quiero decir que cualquier contenido es posible ya que es insertar el código php/html correspondiente.

Lamentablemente no encontré un plugin que realice esta tarea, es decir pasarle la página en la que quiero que aparezca y decirle qué código quiero que aparezca así que tuve que hacerlo todo manualmente. Tal vez luego lo arme a modo de plugin para el resto pero mientras podemos hacerlo manualmente como lo hice yo. Eso si como monté código php en el sidebar en este caso vamos a necesitar tener instalado el plugin Exec-PHP. Con él podremos ejecutar código php en nuestro sitio de wordpress.

Para hacer esta tarea vamos a usar las funciones de Conditional Tags que trae WordPress. Básicamente definimos los sitios donde queremos que aparezca el contenido y qué contenido, por ejemplo:

   1: // Este link al Blog aparecerá únicamente si estamos en la página que el link es /about

   2: <?php if (is_page('about')) { ?>

   3: <ul>

   4: <li><a href="http://www.cabai.com.ar/" target="_blank" >Diego Cabai Blog</a>  </li>

   5: </ul>

   6:  

   7: // Ahora si estamos en la etiqueta WordPress entonces el link cambia a otro

   8: <?php } elseif (is_tag('wordpress')) { ?>

   9: <ul>

  10: <li><a href="http://www.wordpress.org" target="_blank" >WordPress Site</a>  </li>

  11: </ul>

  12:  

  13: // Si estamos en la página Downloads entonces muestra una imágen en ese mismo sitio

  14: <?php } elseif (is_page('downloads')) { ?>

  15: <img src="http://www.cabai.com.ar/images/downloads.gif" />

  16:  

  17: // Si estamos en un post particular en cambio muestra las categorías en forma de lista

  18: <?php } elseif (is_single('214')) { ?>

  19: <ul>

  20: <?php

  21: wp_list_categories('orderby=name&show_count=1'); ?> 

  22: </ul>

  23:  

  24: // Por último en el resto del sitio que no sea ninguna de las páginas antes nombradas muestra un texto normal

  25: <?php } else { ?>

  26: Este texto va a aparecer en el resto de las páginas que no fueron nombradas antes...

  27:  

  28: <?php } ?>

Ese es un ejemplo muy simple de para qué lo podemos utilizar pero en el sitio de WordPress veremos todas las condiciones que podemos aprovechar. Entre ellas estan:

is_single()
Cuando se muestra un post individual.

Hace un tiempo cuando este sitio estaba alojado en Blogspot había logrado tener un Google PageRank 3/10 y estaba realmente contento. Al momento de migrar o mudarme a WordPress con instalación propia ese PageRank se vió afectado y no tuve ninguno por al menos 3 meses. Luego de esos 3 meses arrancamos con PageRank 4/10 lo que me puso muy contento porque significaba que se estaban haciendo las cosas bien.

Hoy para mi sorpresa cuando ingreso al sitio con Firefox veo que tenía mas PageRank que antes y cuando lo verifico corroboro que tenía PageRank 5/10. Esto realmente me pone muy contento porque significa que los artículos o notas sirven y hay mucha gente que los utiliza a diario.

En el artículo que comentaba anteriormente explicaba un poco qué es esto del Google PageRank. Link »
Igualmente en esta imagen podemos ver una explicación muy buena al respecto:

Si queres calcular tu PageRank te recomiendo el siguiente link: PRChecker.info
 
Si encuentro un lindo widget para instalar seguramente lo ponga en el sitio, los que vi mucho no me agradaban o no combinaban con los colores y estilos del sitio.

Nuevamente GRACIAS por estar ahí, leer, opinar, dejar comentarios y linkear al sitio ya que esto es posible gracias a ustedes.

Esta es una tarea común para algunos pero bastante complicada para otros. Todo sistema web que querramos instalar en nuestro hosting ya sea un foro, un blog u otra aplicación seguramente requiere la creación de una base de datos y un usuario para la misma. Luego estos datos se configurarán en la aplicación para que se pueda instalar.

Antes que nada quiero aclarar que la interfaz para la creación de la base de datos varía según el proveedor de hosting que tengas. De mas está decir que para esto se requiere un hosting, pero voy a suponer que ya lo tienes contratado y tienes la posibilidad de crear bases de datos en el mismo.

La idea de hacer este artículo surgió por una consulta que me hizo Paco desde el formulario de contacto. Espero que le sea útil como a otras personas en la misma situación.

Esta tarea se puede hacer tanto desde una interfaz gráfica como desde una línea de comandos y en ambos casos desde la web administrativa de nuestro hosting. En muchos hostings puede que no exista una interfaz de administración y esta tarea haya que solicitarla al soporte, pero en los casos que si tenemos interfaz se puede hacer. En este caso muestro como hacerlo en un hosting con GridPanel.

Modo Gráfico:

Ir hasta la sección de nuestro hosting donde podemos administrar las bases de datos. En este caso MySQL y está identificada como se muestra en la imágen de la derecha.

Generalmente debe haber en nuestra consola de administración del hosting una sección para la base de datos MySQL, MSSQL, etc. Debemos ir ahí para poder trabajar.

Luego debemos ir hasta “Agregar una nueva Base de Datos”. Debe haber un botón para poder agregar una nueva o crear una base de datos.
 
Si elegimos crear una nueva base debemos definir un nombre para la misma. Este nombre debemos recordarlo ya que luego deberemos introducirlo en nuestra configuración del Blog o Foro. En mi caso usé DemoDB.

En la ventana que dice Cargando lista de usuarios… nos traerá los usuarios que tengamos creados para utilizar en bases de datos. Si no tenemos ningún usuario creado deberemos ir hasta la sección “Usuarios MySQL” y crear uno nuevo. En micaso UserDB y debemos asignarle una contraseña. Estos datos también debemos recordarlos para poder configurarlo en nuestro Blog o Foro.

Por último nos mostrará una línea con nuestra Base de Datos recien creada con el usuario asignado y las IPs para acceder a la misma tanto públicamente como localmente. Tomar nota de esta información también ya que luego la necesitaremos. Listo entonces, ya tenemos la base creada y lista para usar. Veremos de qué otra forma se puede crear.

Modo Texto:

En este modo deberemos buscar una sección en nuestro hosting para Administrar nuestro MySQL con alguna utilidad o herramienta del tipo phpMyAdmin. Esta puede estar alojada en nuestro hosting como poder tener una herramienta local en nuestro equipo.

Dentro de dicha herramienta debemos ir hasta la parte de SQL Query y ahí ejecutar lo siguiente:

create database DemoDB;

Con ese comando ejecutado en la sección de Query vamos a crear la base de datos para nuestro Blog o Foro de la misma forma que se podía hacer en la parte gráfica. Ahora bien para poder llegar a esta instancia tendríamos que haber usado un usuario con privilegios dentro de nuestro MySQL. Podemos usar ese usuario y contraseña para nuestro Blog o Foro o bien generar uno nuevo. Para crear uno con línea de comandos podemos usar:

grant all privileges on DemoDB.* to ‘DemoUser’@’%’ identified by ‘password’;

Igualmente recomiendo que se utilice la interfaz gráfica que puede resultar mas sencillo.

Por último tanto la información del usuario, contraseña y base de datos se necesitan para configurar en nuestro Foro, ya sea phpBB3 u otra plataforma como así también en nuestro Blog, ya sea WordPress o cualquier otro sistema. También en cualquier otra aplicación que requiera una base de datos.

Algunos documentos o tutoriales te cuentan cómo instalar el producto phpBB para armar tu primer y propio foro de discución, pero no encontré en ningún lado algo que me diga TODO lo que hay que hacer para dejarlo funcionando y en producción con los mods, plugins o extensiones mínimas para que funcione correctamente. Por ejemplo, uno no puede instalar un foro y no utilizar herramientas de SEO, por defecto no viene y los links no son amigables, por ende hay que instalar algo para ocuparse del SEO en tu foro. La idea de este artículo surgió porque hace muy poco instalé phpBB para mi propio foro de discución de WSUS, podes ingresar haciendo click o desde el menú. Luego de instalarlo tuve que ocupar mucho de mi tiempo investigando qué era necesario instalar luego de terminar con el asistente de phpBB. Como dije antes, por defecto hay muchas cosas “necesarias y básicas” que no vienen y hay que agregarlas aparte. Acá te voy a contar todo lo que yo agregué y configuré para poder dejar el foro bien completo y productivo.

Instalación: Para poder instalar nuestro propio foro, necesitamos un hosting propio. Esto se contrata y cada uno puede optar por diferentes compañías para el mismo. Lo que si debes tener en cuenta es que soporte PHP y MySQL en lo posible que es lo mas standard y estable. Ahora bien, cuando ya tenemos nuestro propio hosting, seguramente tendremos acceso por FTP. Deberemos subir el paquete de instalación de phpBB3 para poder empezar a tener nuestro foro. De donde sacamos este paquete? Bueno podemos ir a la página de Descargas de phpBB.com. Ahí seleccionamos el paquete en .zip o tar.bz2, el que mas nos guste ya que deberemos descomprimirlo en nuestro equipo. Esa sería la siguiente tarea, lo descomprimimos y así con la estructura de carpetas que genera debemos subirlo a nuestro hosting al raíz de donde querramos que esté nuestro foro. Ya sea en el raíz del sitio web o bien en una carpeta de la misma como en mi caso /foro/. Esto lo hacemos nuevamente con el cliente FTP que mas nos guste. Aquí podemos optar por subir el pack de idioma antes de instalar el phpBB en nuestro servidor. Si quieres seguir los pasos de instalación en español, pasa al siguiente ítem y luego vuelve a seguir con los pasos de instalación. 

Antes de instalar siempre es bueno recordar los requisitos mínimos. Los mismos los puedes ver en este link. Debemos tener la base de datos creada antes de empezar con el asistente de instalación. Podemos solicitarla a nuestro hosting que la cree o bien si sabemos como hacerlo podemos crearla nosotros mismos. Debemos recordar el nombre de la base, como el usuario y contraseña que tienen acceso a la misma ya que deberemos introducirlo en el asistente de la instalación del foro.

Una vez que tenemos la base creada, subimos la carpeta de phpBB3 que descomprimimos, tanto en el raíz o bien en alguna carpeta como mencioné antes. Luego de todo eso apuntamos nuestro navegador de internet a http://tu-sitio/install o http://tu-sitio/foro/install, etc. simplemente luego de la ruta donde lo instalaste agregale el /install y abrirá el asistente de instalación. En caso de que hayas copiado el idioma español como yo verás en el menú de arriba a la derecha la opción para cambiarlo a Español. Hacé click en la imágen para verlo mas en detalle.

El asistente de instalación es bastatne simple, sólo debemos seguir los pasos que nos va preguntando. En principio vamos a la solapa INSTALAR y seguimos una a una las preguntas que nos hace. Recuerda si no conoces los datos de la base de datos porque la creó el Hosting, puedes preguntarle a ellos. Las opciones que vienen por defecto sirven para instalar perfectamente el producto.

Una vez finalizado nos llevará al panel de administración de nuestro foro. Veremos un recuadro rojo que nos recuerda que debemos borrar el directorio install de nuestro sitio. Para esto debemos usar el cliente de FTP que querramos o desde el mismo hosting tal vez se pueda hacer. Simplemente borra la carpeta /install.

Listo, el phpBB3 ya está instalado y operativo, ahora falta configurar algunos parámetros básicos, modificar algunos ítems, agregar otros y quedará terminado.

Idioma/Traducción: Este ítem lo podemos hacer antes o después de la instalación. Si lo hacemos antes de la instalación podremos ver la instalación en nuestro idioma lo que para algunos tal vez les sea de mucha utilidad. Hay un muy buen pack de Español Argentina, aunque también hay Español neutral. Los idiomas los vas a encontrar en la página de phpBB.com. Ahí bajas un comprimido que tenes que descomprimir en la carpeta languages/ de tu instalación de phpBB3. También vas a ver los paquetes de las traducciones de los themes que vienen por defecto, subsilver2 y prosilver. Si te interesa usar uno de esos en español, te recomiendo que también te bajes ese paquete de idioma y lo instales en la ruta del template de tu foro. Luego en General » Parámetros del Sitio podemos seleccionar el idioma por defecto.

Opciones Básicas: Luego de configurar el idioma y de haber instalado el producto nos queda configurar algunos parámetros básicos.

General » Parámetros de Adjuntos: Este ítem es importante porque puede afectar directamente al espacio que tenes contratado con tu hosting. Modifica los valores de archivos y espacio total según el espacio que tu hayas contratado.
General » Parámetros del Sitio: Aquí vas a definir el nombre del sitio, la descripción, el idioma por defecto, formato de fecha y el estilo por omisión. También tenemos el ítem de si queremos que sustituya la configuración de los usuarios.
General » Características del Sitio: Configuraciones varias sobre si permitimos o no ciertas acciones dentro de nuestro foro.
General » Parámetros de Post: Algunos parámetros varios sobre los posts de nuestro foro.
General » Parámetros de Firma: Este punto es importante a la hora de la firma de los usuarios porque puede variar en el espacio que ocupe nuestra instalación como así también el tiempo que demore en cargar el sitio.
General » Parámetros de Registración de Usuarios: Aquí podemos definir si queremos o no una activación de las cuentas cuando se registren y las propiedades de las contraseñas.

Google Analytics: Cómo llevar un seguimiento y estadísticas de nuestro Foro? Simple, lo agregamos a Google Analytics. Para esto debemos primero registrarnos en Analytics y agregar nuestro Foro como nuevo perfil. Nos va a dar un código que debemos agregar a nuestro sitio. Una vez que tenemos ese código vamos al sitio de Administración de nuestro foro » Estilos » Plantillas y ahí hacemos click en Editar. De la lista de archivos que se despliegan buscamos overall_footer.html. Vamos abajo de todo y justo antes del </body> pegamos el código que copiamos de Analytics. Con eso listo ya tenemos las estadísticas cargadas. Podemos comprobarlo desde la página de Google Analytics en el botón comprobar estado.

SEO: Para quienes no saben SEO es lo que nos va a ayudar para que nuestro Foro esté visible desde los buscadores. Si bien el Sitemap es muy importante, el SEO es muy importante también, por eso se debe instalar el MOD para poder configurar SEO en nuestro foro. Este mod es un poco mas complicado de configurar e instalar pero recomiendo que se tomen su tiempo ya que puede ser de mucha utilidad. La ultima versión del mod se puede bajar de este link. Simplemente debes seguir las instrucciones que vienen en el archivo. Es algo complicado de implementar pero te puede ahorrar mucho trabajo para que el contenido de tu foro esté en los mejores buscadores.

Sitemap: El Sitemap es muy importante para los buscadores como Google ya que ayuda muchísimo a mejorar la indexación del mismo. Esto en un foro es super importante. Hay mas info sobre este tema en: Mejorar la indexación en Google de nuestro Sitio/Blog. Ahora, para agregarlo a nuestro foro sólo debemos instalar el siguiente MOD: Google Sitemap Generator. Se deben seguir las instrucciones que vienen en el archivo para instalarlo, es muy simple y sencillo, no hay que modificar archivos de instalación, por lo que es un MOD extra simple. Eso si, antes deben registrarse en Google Webmaster Tools. Recomiendo antes de habilitar este MOD, instalar el de SEO ya que seguramente modificará los links a los foros y esto repercute en el Sitemap directamente.

Videos: Por defecto phpBB no toma los videos como embebidos en el post o en el foro. Para esto debemos agregar un nuevo bbcode y subir un archivo adicional a la instalación básica. El archivo que necesitamos lo podemos bajar de este link. Lo descomprimimos y subimos el archivo video.php a raíz de la instalación de nuestro foro. Luego debemos seguir los pasos que figuran en el archivo Readme. Básicamente debemos ir al Panel de Control de Administración » Posts » BBCodes » Agregar un nuevo BBCode. Ahí completamos en el primer recuadro [video]{TEXT}[/video], en el segundo <script type="text/javascript" src="video.php?link={TEXT}"></script> y en el tercero Nota: [video]link[/video]. Marcar el ítem “Mostrar en posts” y Enviar. Listo ahora podemos agregar videos de Youtube o de donde querramos a nuestros posts del foro. Post de Ejemplo »

Theme/Estilo: El theme o template de foro de phpBB3 es importante porque si no tiene un buen diseño a veces la gente puede irse de tu foro. Si los colores no son agradables para su lectura también puede irse y perdés no solo visitas sino gente que participe de tu foro. El template debe estar asociado al tema que apunta el foro. Esto es muy importante. Un excelente sitio para buscar Styles o Templates de phpBB3 phpBB3styles.net. Ahí vas a ver una cantidad de styles o estilos para bajar que alguno seguro te gusta. Lo importante si tenes un foro en español es que los botones vengan en formato .psd (photoshop) para que los puedas modificar y así adaptar a tu idioma. De lo contrario tal vez los botones no te queden muy bien.
Para instalarlo tenes que decomprimir el archivo que bajes de internet en la carpeta /styles/. Una vez que esté subido a ese directorio lo verás en la consola de administración en la solapa de Estilos. Ahí tendrás la opción de Instalarlo o Borrarlo. Luego de instalarlo debes activarlo y podrás seleccionarlo desde el perfil de tu usuario o bien configurarlo por defecto desde General » Parámetros del Sitio.

Avatares: Qué son? Bueno son las imágenes que los usuarios pueden usar para identificarse en tu foro. Podés configurarlo para que los usuarios puedan subir sus propias imágenes pero también te recomiendo cargar algunos packs de avatares en el foro para que tengan otra opción en caso de quererlo. Podemos bajar algunos packs de http://www.phpbb-design.com/avatars/. La instalación de los packs de avatares es muy simple, sólo debemos descomprimir la carpeta con las imágenes en el directorio de nuestra instalación del foro /images/avatars/gallery/. Dentro de gallery debe estar el directorio y dento las imágenes de los avatares. De esta manera nos aparecerá luego para elegir las diferentes galerías. Si quieres buscar mas packs de imágenes intenta con Google. :) Los parámetros de configuración de los avatares son los que se muestran en la imágen.

Smilies/Caritas: Las caritas o smilies que puedes usar en tu foro pueden ser modificadas por otras que bajes de internet. Puedes encontrar otras caritas por ejemplo en el siguiente link. Basta con reemplazar las existentes en el directorio /images/smilies/ de tu instalación del foro, sino tenes que crear nuevas desde el panel de control de administración.

Publicidad: Este es un punto clave para la mayoría que hoy publica un sitio web. El hosting puede tener un costo mensual y con simple publicidad podemos recuperar ese costo ganando algo de dinero extra. Cómo podemos ingresar publicidad en nuestro Foro? Algunos sistemas como Google Adsense no permiten ingresar publicidad en páginas sin contenido como por ejemplo el index de un foro donde sólo hay nombres de categorías. Si quieres ingresar publicidad de este tipo, debemos editar el archivo viewforum_body.html del template que estés usando. Esto se puede hacer desde Estilos » Plantilla » Editar (en tu template). Ahí elegís el archivo que mencioné antes y voy a mencionar mas abajo y agregas el código justo debajo de <!-- INCLUDE overall_header.html --> para el header o sobre <!-- INCLUDE overall_footer.html --> para incluírlo en el footer. En cambio si lo queremos agregar de forma automática luego del primer post de cada topic debemos editar el archivo viewtopic_body.html y ahí buscar <!—END postrow -->. Podemos agregar un código como el siguiente justo antes de esa línea que buscamos.

        <!-- IF postrow.S_FIRST_ROW -->
       <div class="post bg2">
          <div class="inner"><span class="corners-top"><span></span></span>
          <div class="postbody">
             <div class="content" style="text-align: center;">

                -- Inserta el código de publicidad aquí. --

             </div>
          </div>

          <span class="corners-bottom"><span></span></span></div>
       </div>
       <hr class="divider" />
       <!-- ENDIF -->

Obviamente debemos reemplazar donde dice “Inserta el código de publicidad aquí” con tu código de Adsense por ejemplo. Para ver un ejemplo de cómo queda esta opción puedes ver algún topic de mi foro.

Armando los Foros: Los Foros es donde vas a poner el contenido y donde los usuarios van a poder colaborar. Para crearlos y crear las categorías de los foros por ejemplo tenes que ir a la solapa Foros del panel de Administración. Acá vas a poder Crear nuevos Foros, Categorías, etc. Lo ideal es que abarques todos los temas posibles que se puedan conversar en tu foro para que los usuarios puedan encontrar su lugar. En cada Foro vas a poder configurar opciones diferentes, por defecto puedes dejar todo igual y trata de copiar los permisos de algún otro foro que ya esté creado y que sepas que funciona bien para que todos puedan acceder.

Con todas estas indicaciones vas a tener un Foro muy completo y listo para operar. El resto de las modificaciones que existen le van a ir agregando funciones y otras opciones, pero las mínimas y requeridas para que el sitio tenga éxito y funcione perfectamente en internet son las que te pongo en este artículo. Espero que te haya servido la guía y cualquier duda me avises mediante un comentario en este artículo.

Link Util | phpBB-Es – Un foro con excelentes recursos sobre phpBB en Español

Nuevamente llegó la hora de participar en otra cadena de enlaces. Se que no es el objetivo de este Blog pero esto ayuda mucho al SEO y desde que cambié de dominio que todavía Google no actualizó la info y Technorati tampoco así que esto puede ayudar a acelerar ese tema.

En este caso es una cadena con condiciones y debes cumplir al menos 4 de las 7 condiciones que se comentan a continuación. El origen de la cadena es en este post. Para participar debes dirigirte a ese link y seguir los pasos indicados.

Condiciones para participar

1. Pagerank 1 ó mayor.
2. Estar agregado a Blogalaxia y aparecer en el top 100 del ranking para su país de origen.
3. Aparecer en la primera página de los resultados en google para una búsqueda cualquiera que sea diferente al nombre de su blog y diferente al nombre de dominio. Indicar término de búsqueda.
4. Estar agregado a Feedburner y tener por lo menos 20 lectores.
5. Tener al menos 20 de autoridad en Technorati.
6. Tener adsense en su blog.
7. Tener dominio propio. No importa la plataforma.

La fecha máxima para participar es el 30 de Junio.

1. Adsense y posicionamiento en mi Blog (Todas)
2. entretenimiento y curiosidades (Todas excepto la 2)
3. Posicionamiento en buscadores (Todas excepto la 2)
4. Apuestas THOR - Bono Bwin (1,3,4,5)
5. juegos para perros (Todas excepto la 7)
6. Gracias y de nada (Todas menos la 2 y la 6)
7. Tutoriales informatica (Todas excepto la 2)
8. Expo Zaragoza (1,3,5,6)
9. blog de informatica (Todas menos la 2 y la 5)
10. Blog de Tecnología (1,3,6,7)
11. Myway. A mi manera (Todas excepto la 4)
12. Tecnología y Actualidad: Paraíso Geek (Todas excepto la 2)
13. Motarile, rile, rile (Todas excepto la 2)
14. Durmiendo Afuera (Todas excepto la 2)
15. A Chingao!!! (Todas)
16. El mierdero (Todas)
17. Informática sencilla (Todas excepto la 2)
18. Cachuco (Todas excepto la 2)
19. Nitosblog (Todas excepto la 5)
20. Rutinas para principiantes (Todas)
21. Autoleyendas (Todas)
22. El blog de Karkela (Todas menos la 2 y la 4)
23. New Life by Pitonizza (Todas excepto la 7)
24. Pillados (Todas excepto la 7)
25. Planeta Salvaje (1,2,3,5)
26. Ganar Dinero Posicionamiento web (Todas)
27. Serie Heroes (Todas menos la 2 y la 4)
28. RBD Rebelde (Todas menos la 2 y la 4)
29. Programación, Software Libre, Tecnología y Más (Todas)
30. Diego Cabai Blog (Todas menos la 1 y la 2)
31. youtube (1,3,6,7)
32. ganar dinero en internet (Todas excepto la 2)
33. 4X4 Sport Division (Todas)
34. Blog sobre SEO y PEB (Todas menos la 2 y la 4)
35. Directorio Web (Todas excepto la 4)
36. Dietas, Anticonceptivos y Salud (Todas excepto la 4)
37. las cosas curiosas de la red (Todas menos la 4 y la 6)
38. Tu solucion para neopets (1,3,5,7)
39. Cadena Cerrada

Apúrate a unirte, sólo es hasta el 30 de Junio.

Cadena cerrada con 34 participantes!.
Ahora sólo queda que actualicen la lista en la cadena y publiquen los enlaces en algún otro post para que así todos se vean beneficiados con los backlinks.
Los que no actualicen la lista serán eliminados.

Position Yourself es un plugin que encontré recientemente gracias al Dashboard de mi instalación de WordPress. Cuando leí de que se trataba me interesó y lo instalé. Para todos los que tienen un blog siempre el SEO (Search Engine Optimization) es importante. Gran cantidad de visitas a los sitios se deben al buen posicionamiento en buscadores y ahí es donde el SEO entra en contacto.

Con este plugin vas a poder entender dónde estas posicionado con las palabras clave que elijas. El funcionamiento es muy simple, das de alta las palabras clave que te interesa conocer tu posicionamiento, configuras unas opciones simples de ubicación geográfica y luego al hacer click en "Posicióname" buscará en qué posición de Google se encuentra tu sitio para dicha palabra clave.

Esto te sirve para conocer si estas haciendo bien las cosas en cuanto a SEO, debes modificar algo o bien para conocer tus competidores de esas mismas palabras clave. Puedes dar de alta otros competidores y así ver en qué situación se encuentra tu sitio respecto al resto del mundo.

En este caso realizo este artículo comentando la traducción de dicho plugin al Español como mi grano de arena soportando al mismo ya que me parece muy útil porque de otra manera habría que hacer esta tarea SEO manualmente.

Instalación:

1. Bajar el archivo al disco.
2. Descomprimir el contenido del archivo. Se generará el directorio wordpress-google-seo-positioner.
3. Subir el directorio completo a "/wp-content/plugins/" de tu instalación de WordPress
4. Activar el plugin desde el menú Plugins de WordPress
5. Ingresa al nuevo panel "Posiciónate Tu Mismo" o "Position Yourself"

Descarga:

Link | Google Positioner WordPress plugin
Link | QueroMedia Share

Todo comenzó con la pregunta de sancocho en un comentario dentro del Blog. El mismo me consulta sobre cómo agregar las solapas que tengo en este blog a la derecha donde tengo los "Destacados", "Archivo", "Categorías", etc.
Bueno, la respuesta comienza en haber agregado tabs o pestañas dentro del diseño que no las traía. Hay varias formas de agregar pestañas, yo voy a comentar el que utilicé que es totalmente adaptable a Blogger/Blogspot, es mas, hice un Blog temporal de Demo con las pestañas agregadas para que vean que funciona.

Dentro de estas pestañas podrán poner todo tipo de contenido ya que es parte de código HTML, así que lo que pongan dentro de cada una es como si lo pusieran independientemente. El ejemplo es solo con links pero es totalmente adaptable a imágenes como tengo en la pestaña "Directorios".

El procedimiento que utilizo es gracias al increíble JavaScript creado por BarelyFitz Designs. Para acceder al JavaScript tabifier podes hacer click aquí ».
A continuación comento los pasos, podés ver que las Tabs funcionan en Blogger en este link:  Tabbed Blogger
Hay algunos templates de Blogger que ya incluyen los Tabs o Pestañas. Podés encontrar varios templates de este tipo en BTemplates como: Forte y Visionary

Pasos:
1. Bueno, en principio vamos a necesitar subir un archivo de JavaScript a algún hosting que podamos utilizar para luego linkearlo. Un ejemplo es Google Pages. Ahí podés crear un sitio html o bien subir archivo para luego utilizarlos como en nuestro caso el JavaScript que necesitamos. Una vez creado el sitio de Google Pages, que es un click "Crear" jaja vamos al botón "Upload" y subimos el archivo JavaScript siguiente que previo lo hemos bajado a nuestro disco.

Bajar el Archivo JavaScript (Es un zip y dentro del zip está el tabber.js que es el que debemos utilizar)

2. Ahora volvemos a Blogger y vamos a Diseño -> Edición de HTML. En esta sección vamos a agregar el código necesario para llamar al JavaScript y la primera parte del diseño de las pestañas.

Debemos agregar la primera línea de código debajo de ]]></b:skin> pero antes de </head>.

<script type="text/javascript" src="http://www.tusitio.com/tabber.js"> </script>

Obviamente el www.tusitio.com se debe modificar por la URL de donde subiste el Java Script, por ejemplo, tusitio.googlepages.com, etc.

3. Seguimos en la misma sección pero ahora vamos a agregar parte el código de diseño, que en el ejemplo es muy pobre jaja pero era a modo de ejemplo. Es mas, es parte del ejemplo que viene en el archivo .zip que bajamos antes.

Este código debe ser insertado justo antes de ]]></b:skin>.

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive { margin-top:1em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;}
ul.tabbernav li { list-style: none; margin: 0; display: inline;}
ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227;}
ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {  padding:5px; border:1px solid #aaa; border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none;}
.tabberlive .tabbertab h3 { display:none;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto;}
.tabberlive .tabbertab li{list-style-type:none;background:transparent url(i/b.gif) no-repeat 0 2px;border:0;margin:0 0 1px;padding:0 0 0 15px;}

Guardamos los cambios que hicimos y vamos a agregar el contenido de las pestañas o tabs en nuestro sitio.

4. Vamos a "Elementos de la página" y agregamos un nuevo elemento HTML. Lo ponemos donde querramos que aparezcan las pestañas y dentro de éste ponemos el siguiente código:

<div class="tabber">

  <div class="tabbertab">
    <h3>Sección 1</h3>
    Contenido de la sección 1.
  </div>

  <div class="tabbertab" title="Título">
    Contenido de la sección 2.
  </div>

</div>

Si guardamos lo que hicimos y vemos nuestro sitio deberíamos ver 2 pestañas, una llamada Sección 1 y la otra Sección 2. Hasta ahora ambas tienen sólo texto pero ese contenido de la sección se puede cambiar por cualquier código que nosotros querramos agregar.

En el caso de la sección 1, el título de dicha pestaña está definido por <h3>, ahora en el segundo caso se utilizó un title dentro del <div>. Por ejemplo, podríamos agregar una lista de enlaces o cualquier otro trozo de código HTML que nosotros querramos. No tengo a mano una forma de agregar los links destacados pero podemos hacer una lista a mano con los 5 enlaces que mas queremos que la gente visite.

El diseño se puede modificar a través del código CSS que se agregó mas arriba. Dejo a la imaginación de cada uno para realizar dichas modificaciones y lograr el mejor diseño para Blogger.

Por otro lado, podemos agregar tantas pestañas como querramos o nos entren en nuestro diseño, para cada pestaña que querramos agregar debemos utilizar el siguiente código justo antes del último </div> que se ve mas arriba.

<div class="tabbertab">
    <h3>Título de la Pestaña</h3>
   Contenido HTML de la sección
</div>

Con este artículo vas a poder agregar las pestañas o tabs en Blogger. El código que introduzcas en dichas pestañas será el poder que le des a este sistema muy utilizado últimamente en los sitios ya que permite ordenar parte de la navegación para el usuario utilizando menos espacio.

Si no te funciona, cualquier duda o consulta por favor dejame un comentario e intentaré responder a la brevedad.

Como en otras ocasiones, sigo una cadena, pero en este caso es diferente, ya que uno debe resumir su vida en una palabra. Algo muy difícil, debe ser una palabra que abarque muchas cosas pero que también debe dejar otras afuera. Es difícil, pero aquí te cuento como nace esta cadena y qué debes hacer para participar.

*** Copiar desde aquí ***

1 - Para participar en la cadena de enlaces “¿con que palabra resumirías tu vida?” haz un comentario en esta entrada dejando la dirección y el nombre del blog, la palabra con la que resumirías tu vida y una breve explicación de por qué has elegido esa palabra.
2 - Copia el texto de la entrada desde la marca “copiar desde aquí” hasta la que dice “copiar hasta aquí” pegándolo en un post creado por ti en el que hables sobre la iniciativa.
3 - Asegúrate de mantener actualizada la cadena con los nuevos enlaces que se vayan sumando en la dirección oficial del concurso.
4 - El autor de la cadena de enlaces se reserva el derecho de borrar a todo aquel que no la actualice con frecuencia.

Dicho esto aquí empieza la cadena de enlaces:

1 - Aletreando: “alternancia“. Creo que el equilibrio de la vida se encuentra en alternar momentos tristes con alegres, aburridos con divertidos, hasta encontrar una media aceptable.

2 - The Mole’s World: “cambio“. Yo opino que la vida es un cambio constante y nuestra felicidad depende en gran parte de la velocidad a la que nos adaptemos a las nuevas situaciones.

3 - Ahora vas y lo cascas: “optimismo“. Yo considero que, ante todo, hay que afrontar los cambios en la vida con optimismo, tanto sean positivos como negativos. Eso nos ayudará a llevarlos a buen término.

4 - Amebas a la deriva: “conocimiento”. Para mi, la vida es aprender y acumular conocimiento sobre todas las cosas que nos rodean. Suelo decir que cuando dejas de aprender, mueres.

5 - Ilion: “curiosidad“. Independientemente de que opine que la vida es un conjunto de cambios, en los que se alternan momentos alegres con momentos tristes, y que todos ellos hay que tomárselos con optimismo, lo que realmente me impulsa es la curiosidad.

6- Mi ventana : “Sentimientos”. Para mi lo mas importante de la vida son los sentimientos, sin ellos la vida me parece una vida muerta o vacía.

7 - Elsacelsius. “Ilusión”, porque sin ella, estás muert@

8 -El Bufón Digital: ” “Pragmático”.Por que de nada sirve perder el tiempo en lamentaciones o jactándose de lo ya conseguido.La vida va mucho más rápida que nuestro cerebro y sólo nos queda irnos adecuando a las situaciones que esta nos va deparando sabiendo que unas veces vendrán peor dadas que otras.

9 - El Morador del Abismo: “confianza” porque creo que soy demasiado confiado con la gente y siempre me gusta pensar lo mejor de cada uno.

10 - Doña Paranoica y sus historias: “Fuerza“, esa ha sido la constante principal en mi vida. No sé por qué ni de donde sale, pero siempre ha estado ahí para sacarme del abismo. Ahora entiendo que soy afortunada por tenerla a mi lado.

11-Noticias informales: “Sueños”. La vida esta llena de sueños y son esos sueños los que nos permiten seguir viviendo, nos dan la fuerza para seguir. Sin sueños no hay vida…solo oscuridad, tristeza, la muerte misma.

12 - Pilyboop: “Amistad“. Es lo que procuro cultivar con las personas que conozco, a pesar del tiempo y la distancia conservo a entrañables amigos que me han acompañado por años y espero que asi sea por mucho tiempo más.

13 – Las Hijas de Encarna: “Aprendizaje”. Para mí la vida siempre tiene algo que enseñarte, también sería “optimismo” y “confianza”, pero ya los han dicho.

14 - Diego Cabai Blog: "Oportunidades". La vida nos presenta oportunidades todo el tiempo, son como diferentes caminos que debemos elegir y tomar decisiones que pueden cambiar nuestro rumbo. Es como la famosa serie de libros "Elige tu Propia Aventura". Queda en nosotros la decisión.

15 – www.notengoedad.blogspot.com: “continuidad” porque todo lo que hacemos y somos viene de lo que antes hicimos y fuimos; y determina lo que vendrá despues. Y también “muerte” porque (aunque no guste reconocerlo) es el marco que rodea y da sentido a la vida.

16 – Green Music: “Perseverancia” ya que todas las cosas que valen la pena en mi vida, las he conseguido en torno a ella.

17 – http://marola77.wordpress.com: “Soñadora”. Porque la vida es un sueño maravilloso..

18 - Tu enlace aquí.

*** Copiar hasta aquí ***

Este tipo de cadenas nos proporciona algunos links para nuestro sitio y así ganar mejor posición en los buscadores, como también mas visitas de los participantes. Te sugiero que participes.

Pero qué son los backlinks? Si no se que son, no se si los necesito. Un backlink es un link que se dirige a tu website. Cuantos mas backlinks tengas, mayor popularidad o importancia tendrá tu sitio. Si haces click sobre la palabra te llevará a la explicación por parte de Wikipedia donde te dará mas información al respecto.

Otros links donde podes obtener buena información acerca de backlinks son los siguientes:

Chica SEO | 10 mejores herramientas para SEO
TensaiWeb | Comentarios vs Backlinks vs Trackbacks

Hay múltiples herramientas para averiguar los backlinks que tiene tu sitio, desde los simples buscadores como Google y Yahoo hasta herramientas como BackLinks Master. Lo ideal es tener buenos backlinks, osea de páginas que tengan un buen posicionamiento en la web.

Ahora que ya tenes una idea de qué es y para qué sirve, imagino que te preguntarás, cómo consigo backlinks? Hay un nuevo sitio que te puede dar algunos backlinks sin necesidad de hacer mucho. Obviamente nadie regala nada en este mundo, pero lo que hay que hacer es muy leve y simple.

Estoy hablando de Qassia, que te deja registrar tu sitio y mediante hacer unas pequeñas tareas nos puede otorgar algunos backlinks muy buenos. Para empezar habría que registrarse así que te invito a seguir los pasos. El sistema funciona a través de referidos, así que el link que vas a clickear quedarías referido a mi usuario. Esto no te afecta en nada, pero prefiero avisarlo.

1. Ingresar a la URL http://dcabai.qassia.com/
2. Ir a la izquierda al botón que dice "Sign Up"
3. Completar todos tus datos, el chequeo es poner un animal en inglés y te llegará un correo de confirmación.
4. Al hacer click en el link que te envían por correo estarás verificando tu cuenta.
5. Luego puedes ingresar al sitio e iniciar sesión.
6. A la derecha vas a tener todo el listado de acciones que puedes realizar. Sugiero primero completar el Perfil haciendo click en "Edit Profile" y luego dar de alta tu sitio web en "My Sites". Hasta aquí no hemos hecho nada para conseguir backlinks.
7. El sistema entrega backlinks dependiendo de cuantos Qassia dollars logres y hay ciertas formas de lograrlos.
8. Uno, si no haces nada igual sumás cada cierto tiempo.
9. Dos, si referís gente también sumás.
10. Tres, en la sección "Add Intel" puedes agregar contenido en inglés sobre algún tema que te interese y también sumás.
11. Cuatro, en el menú "Screen Intel" podes votar el contenido de otros usuarios y también sumás. Por ende si no queres escribir nada o no sabes inglés podés simplemente votar los artículos de otros y listo.

Sugiero que lo pruebes, no cuesta mucho y tal vez ganes algunos backlinks interesantes para mejorar el posicionamiento de tu sitio. Los Qassia dollars no tienen nada que ver con dinero real.

A veces tenemos un theme para nuestro Blog instalado en WordPress que satisface todas nuestras necesidades. Pero qué pasa si el theme tiene 2 sidebars, por ejemplo, como el mio y queremos escribir una página pero con una sola sidebar? O bien queremos escribir una página con otra sidebar diferente a las 2 por default que vienen con el theme? O mejor aún, qué pasa si queremos generar una página sin sidebars para poder aprovechar todo el ancho del theme? Algunos themes ya vienen con esta opción para poder hacerlo, pero otros no. La idea de este artículo es contarte cómo tenes que hacer para generar un nuevo template para poder utilizarlo en las páginas. En este caso vamos con el mas sencillo, SIN sidebars.

Cuando generamos una nueva página en WordPress vamos al menú Write » Page (Escribir » Página). Si hacemos scroll hacia abajo vamos a encontrar una sección donde podemos cambiar el template que vamos a usar para dicha página. Si tu theme no viene con templates adicionales vas a tener como opciones el Default Template y el de Archives. Ahora bien, cómo agrego un template adicional?

Para esto vamos a necesitar generar un nuevo archivo .php y ponerlo en el mismo path o en la misma ruta donde se encuentran el resto de los archivos del theme que tengo instalado. En este caso vamos a generar un archivo en blanco llamado nosidebar-page.php. Lo subimos a nuestro hosting por medio del cliente de FTP que mas prefieras y luego lo podremos editar directamente desde WordPress.
Una vez subido vamos a Design » Theme Editor. A la derecha debería estar listado nuestro archivo recien copiado "nosidebar-page.php". En caso de no estar revisá el haberlo copiado correctamente a la ruta de tu theme, en caso de si estar hacele un click para poder ver su contenido.

Obviamente está en blanco, así que primero miremos el contenido del default template actual. Por lo general, el archivo que maneja el formato de las páginas se llama page.php, esto puede variar, si varía te recomiendo que revises la documentación de tu theme a ver qué archivo utiliza para las páginas. Una vez abierto vamos a ver el contenido y parte de ese contenido hay que mantenerlo, ya que nosotros queremos hacer un template sin sidebars, pero si queremos mantener el resto del formato.

Hay ciertas secciones que se pueden identificar:

<?php get_header(); ?> : Esto hace que cargue el header de nuestro theme, un punto a mantener si queremos que lo contenga nuestra página.
Luego de este punto viene el contenido de la página, a veces llamado por un <div>, también es el momento de cargar el menú, etc.
<?php get_sidebar(); ?> : Esto es lo que llama a que cargue las sidebars.
<?php get_footer(); ?> : Esto hace que cargue el pie de página del theme.

Creo que está claro, debemos copiar todo el contenido excepto el que llama a la o las sidebars y pegarlo en nuestro archivo nosidebar-page.php. Ojo, ahí no termina todo, así que seguí los pasos que vienen porque es importante.
Una vez que pegaste ese código, arriba de la línea que llama el header debes pegar algo como lo siguiente:

<?php
/*
Template Name: NO Sidebar
*/
?>

Eso le va a dar el nombre al template cuando lo seleccionemos en el menú de escritura. Es importante que definas un nombre sino no aparecerá como disponible.

Hasta acá todo bien, ya tenemos un template que podemos seleccionar y que no tiene sidebars, el problema es que el texto que uno escribe todavía se mantiene con el formato del template anterior, quiero decir, que si el ancho de este texto son 500px eso no lo cambiamos y vamos a tener todo vacío donde estaban las sidebars. Eso es porque debemos definir un nuevo código de formato para una página mas ancha.

Supongamos, nuestra sección de texto es de 500px, una sidebar de 100px y una segunda sidebar de 150px, eso haría una sección SIN sidebars de 750px disponibles para texto. Muy bien, recordemos este valor porque lo vamos a necesitar.

Busquemos en nuestro nosidebar-page.php la sección donde llama al texto, generalmente <?php the_content(); ?>. Sobre esta sección debe haber una línea con el título de la entrada y superior debe haber una línea que le da el formato al texto, generalmente <div class="nombreclase">. Ese nombre de clase lo necesitamos, pero por ahora cambiémoslo a nosidebar.

Guardamos lo realizado hasta ahora y vamos a editar el archivo style.css desde el mismo Editor de Theme. Acá buscamos la clase con el nombre que tenía mas arriba. Es clase va a definir varias cosas, pero principalmente el formato general del texto, ya sea tamaño de espacio a escribir, fuente, color, links, etc.

Hacemos un Find y buscamos .nombreclase (reemplazando con el nombre de la clase correcta). Copiamos y pegamos las líneas que encontremos con .nombreclase y las pegamos todas abajo de todo del archivo style.css, luego cambiamos el .nombreclase por .nosidebar.  Ya tenemos la clase definida, ahora podemos modificarla, en alguno de los parámetros de la clase vas a encontrar:

.nombreclase {width:500px;......}

Esos son los 500px que mencionábamos mas arriba, bueno ese es el valor que habría que cambiar por 750px. Luego de modificarlo, guardamos y vamos a generar una nueva página con el nuevo template sin sidebars y todo el espacio entero.

Si algún formato no te agrada o no te gusta como queda, todo eso se controla desde la clase .nosidebar que acabás de generar y eso es totalmente modificable así que sentite libre de hacerlo a tu gusto. Cualquier duda o consulta dejame un comentario.

Como saben hace poco realicé un par de traducciones de dos excelentes plugins al idioma español para los que no se sienten cómodos con el inglés. Bueno, un punto a tener en cuenta es que mientras el plugin se actualice de versión así también debe actualizarse su traducción ya que tal vez agreguen campos, cambien frases, etc.

Este fin de semana realicé la traducción de las nuevas versiones de Exec-PHP y Absolute Comments. No presentaron grandes modificaciones para la traducción, salvo una o dos líneas. El plugin de Absolute Comments agregó toda una sección de configuración desde la GUI que antes debía hacerse sobre el archivo PHP, pero lamentablemente no lo agregó para ser traducida y no está bien modificar el php...

Absolute Comments 2.2

Como había comentado, los cambios son que las opciones que antes manejábamos desde el php al editarlo directamente, ahora están como parte del menú de opciones. Además se reparó el "Ver Todos" (para poder ver todos los comentarios de un post particular).
Note: There is a file embedded within this post, please visit this post to download the file.

Exec-PHP 4.6

Los cambios fueron en cuanto a código ya que ahora el menú de configuración de Exec-PHP es XHTML válido. Por otro lado en caso de errores con AJAX el reintento será de otras tres veces mas.
Note: There is a file embedded within this post, please visit this post to download the file.

Recuerden que siempre es bueno tener los plugins actualizados. Si bien en este caso no fueron actualizaciones de seguridad hay muchos casos en los que si y eso previene que puedan dañar tu sitio web.

La I Entrega de Premios Dardo 2008 se abre paso entre un gran elenco de Premios de reconocido prestigio en el mundo de la literatura, y con el reconoce los valores que cada blogger muestra cada día en su empeño por transmitir valores culturales, éticos, literarios, personal, etc.., que en suma, demuestra su creatividad a través su pensamiento vivo que está y permanece, innato entre sus letras, entre sus palabras rotas.

Por mi parte quiero enviar el Premio Dardo 2008 a los siguientes Bloggers ya que los sigo diariamente y no sólo se expresan claramente sino que además estan constantemente escribiendo artículos de interes y de calidad. Sugiero que se suscriban a sus feeds ya que son realmente buenos. 

Milagros y Natalia de Chica SEO
Porkeno de Komoloves
Conker de TecnoBITA
Gustavo de GrupoITPro
Javi de Vinagre Asesino

Todos ellos aportan artículos de gran calidad a la blogoesfera día a día y si bien existen muchísimos otros bloggers para poner en la lista quería mantener el formato del Premio Dardo pasándoselo a los 5 Bloggers que yo creo que mas lo merecen.
Felicitaciones para ustedes chicos!!! Se lo merecen.

Luego de mirar en la web encontré un plugin para WordPress que permite mejorar la solapa de Comentarios que viene por defecto en WordPress 2.5. No es que agrega una página para administrarlos sino que mejora las funciones de la página de Comentarios actual. Como faltaba la traducción al español y había otros lenguajes, me tomé el tiempo de realizarla y de traducir incluso el archivo readme.txt del plugin.

Incluso permite realizar una respuesta rápida desde la consola de comentarios o mismo de la notificación por correo sin necesidad de abrir siquiera la entrada del artículo. Algunos de los features que tiene son comentados a continuación:

• Integración Efectiva: Es completamente transparente para el usuario ya que se integra a la consola de comentarios actual.
• Iconos: Tiene unos bonitos íconos de acciones dentro del panel de comentarios.
• Respuesta Rápida: Si tenes habilitado la notificación por correo ante nuevos comentarios vas a recibir un nuevo link para poder realizar una respuesta rápida sin necesidad de ingresar al artículo.
• Autollenado en las respuestas: Si le estas respondiendo un comentario a Pablo, generalmente empezas con "Pablo, " o "@Pablo:". Se puede definir un patrón de respuesta automática para ahorrarte tipear siempre lo mismo.

La instalación es bastante sencilla y como cualquier otro plugin.

• Bajar el plugin comprimido a tu equipo y descomprimirlo. Va a generar la carpeta ozh-absolute-comments.
• Copiar la carpeta completa a /wp-content/plugins/
• Activar dicho plugin desde la solapa “Plugins” en WordPress
• Ir a la solapa de Comentarios usual desde donde podrás utilizar las nuevas funciones.

También tiene cierta personalización como todo plugin. Para esto hay que renombrar el archivo my_options_sample.php a my_options.php (este archivo no será pisado cuando actualices el plugin) y después podés customizar:

• $wp_ozh_cqr['editor_rows'] (integer, o false)
  El número de líneas del área de texto cuando se usa "Respuesta Rápida". En "false" usa el tamaño por defecto definido en "Opciones » Escribir".
• $wp_ozh_cqr['show_icon'] (boolean)
  Habilita o deshabilita los íconos de la solapa "Comentarios". En "false" se deshabilitan si así lo deseas.
• $wp_ozh_cqr[’prefill_reply’] (string)
  Va a definir el autollenado de las respuestas rápidas. Se puede introducir texto y HTML, también se puede usar %%name%% y %%link%% como variables para el nombre del comentador y su permalink.
  Ejemplo: "%%name%% &amp;raquo;" » va a comenzar la respuesta con "Pablo »"
• $wp_ozh_cqr[’show_threaded’] (boolean)
  En modo "true" habilita el botón de "Respuesta del hilo de la conversación". Por defecto está oculto ya que necesitas un plugin o theme que soporte comentarios en hilo.
• $wp_ozh_cqr[’show_allcomments’] (boolean)
  Esto agrega un link para mostrar todos los comentarios en una página, en "false" no lo hará.

Recuerda que esta versión (2.1) es únicamente para WordPress 2.5+. Si tenes una versión de WordPress anterior, te recomiendo que vayas a la página del Plugin para poder bajar una versión anterior.

Source | Plugin Homepage

Note: There is a file embedded within this post, please visit this post to download the file.
Absolute Comments 2.2
Como había comentado, los cambios son que las opciones que antes manejábamos desde el php al editarlo directamente, ahora están como parte del menú de opciones. Además se reparó el "Ver Todos" (para poder ver todos los comentarios de un post particular).
Note: There is a file embedded within this post, please visit this post to download the file.

Qué lector de noticias usas? Es online o está instalado en tu equipo? Si está instalado en tu equipo entonces te podría interesar ver otras opciones para ver si tienen mas funciones o se acomoda mejor a lo que estas necesitando. Te voy a listar algunos lectores de noticias muy buenos que ayudan a que puedas organizarlas un poco mejor. Había comentado sobre el Gadget para la Sidebar de Windows Vista, pero ese te permite ver un solo Feed, digamos que te permite ver “bien” uno solo. Tiene la opción para agregar mas pero es bastante molesto estar cambiando de listado.

Ahora cuando tenes muchas direcciones desde las que ves noticias o estas suscripto a muchos sitios te recomiendo que instales un soft en tu equipo y de esa manera puedas ordenar y organizar mejor la información. A continuación te dejo la lista de programas…

FeedDemon te permite organizar los Feeds como quieras y además podes bajar los podcast a tu iPod o Windows Media Player.

También te permite sincronizar contra Newsgator para estar al día en cuanto a las noticias.

Bajar »
 

RSS Bandit es un proyecto SourceForge donde podes estar al día con su desarrollo e incluso solicitar nuevos features. Tiene una excelente interfaz gráfica lo que ayuda al usuario a encontrar fácilmente la información.

Bajar »

 
 
 
Awasu Innovative RSS es uno de los mas completos a mi criterio. No solo la interfaz es muy buena, sino que soporta templates y hasta lo podes configurar empaquetado para distribuir con tu propio feed. De esa manera podrías darle a los usuarios un lector ya configurado con tu feed y de gran calidad.

Bajar »
 
GreatNews presenta una interfaz con diferentes modos de lectura. Del tipo lector de Feeds normal, sino como si fuese un diario de noticias o bien como si fuese un lector de correos con carpetas para organizar y almacenar.
Muy fácil de usar y se integra con Bloglines.com.

Bajar »

FreeRange Reader es un lector muy peculiar. Lo mejor que tiene es que existe versiones disponibles para dispositivos móviles, desde Blackberry a Windows Mobile y podrías tener las noticias importantes directamente en tu equipo móvil.  Además tiene unos videos introductorios muy buenos y fáciles de comprender.

Bajar »
 

Vas a encontrar muchos otros clientes lectores de Feeds por ahí, pero estos 5 son realmente buenos y lo mejor es que son gratuitos. Y si tenes un dispositivo móvil y queres estar al día te recomiendo el FreeRange Reader que hace que puedas leer las noticias de cualquier parte.

Se modificó la barra de navegación, se irán agregando secciones al sitio, por ahora sólo se encuentran disponibles la de Downloads y la de Publicidad por si te interesa publicitar en el sitio. Por otro lado la navegación se hizo mucho mas amigable. Se agregó una lista de categorías de fácil acceso (aparte del menú). Se agregó la nube de etiquetas, ultimos posts y ultimos comentarios. Además de una lista de artículos destacados.

Por el lado de las funciones podemos destacar que ahora en un artículo cuentas con el plugin de Compártelo, lo que hace mas fácil el envío del mismo a ciertos agregadores. También cada artículo puedes enviarlo por correo, imprimirlo o bajarlo a tu equipo como PDF. Sin mencionar los artículos relacionados que ya existían, pero ahora se listan por coincidencia de etiquetas.
Desde los comentarios se agregó la función para mostrar los Gravatars de los usuarios para pode ubicarte mas fácilmente y que otros usuarios te identifiquen. También vas a poder votar los artículos para ver cuál te pareció mas interesante o bien darle una votación individual si te gustó o no el mismo.

Se quitó un poco de publicidad excesiva y que no tenía sentido y se hizo una mas específica del sitio y la posibilidad de que puedas publicitar en cualquier parte del blog. Además se agregó una sección para que me conozcas un poco mas o bien un poco mas de mi historia y del Blog.

A nivel gráfico se intentó representar parte de los sistemas operativos que los destacan, por ejemplo, la barra de MAC como menú del Blog, el símbolo de Windows en el header como así la barra del footer con el mismo formato. En buscar vas a encontrarte con el famoso pingüinito que todos conocemos. Era para darle un toque mas de IT al blog y no tanto de Tecnología en general.

El Feed/RSS se mantiene bajo la misma dirección, así que si ya estas registrado vas a seguir recibiendo los artículos en tu lector favorito. Los links se van a redirigir al nuevo Blog, si alguno todavía falla te pido por favor que intentes nuevamente en unos minutos ya que sigo trabajando para poder reubicar todo el trabajo en la nueva plataforma. Los comentarios fueron movidos al nuevo Blog, si quieres dejar un nuevo comentario te pido por favor que lo hagas sobre el nuevo en WordPress. Igualmente se va a redireccionar todo allí, es por eso que este último tiempo estuve con pocos artículos. La verdad que esto lleva su tiempo pasarlo.

Por ultimo, al finalizar todo voy a armar un artículo con todos los pasos que realicé para que esto sea lo mas transparente posible. Espero que el cambio sea positivo y espero que el nuevo diseño te guste.

Qué es Exec-PHP? Es un plugin para WordPress que permite la ejecución de código PHP <?php ?> dentro de las páginas, posts y widgets de texto.

Es seguro? Digamos que permitir la ejecución de código PHP dentro de páginas y posts no es lo ideal, pero podemos manejar la seguridad de dicha ejecución por medio de roles gracias a otro plugin.

Para qué me sirve? Supongamos que queres armar una página en WordPress donde muestre la lista de archivos, o de categorías o quieras que ejecute cualquier código php para obtener un resultado dinámico. Este plugin es la solución.

Este plugin es desarrollado por Sören de Bluesome. En este post únicamente publico la traducción al español de dicho Plugin por si alguno estaba interesado o bien por si no se sentía cómodo con los mensajes en inglés.
Actualmente la versión es 4.5, pero se mantendrá actualizado en la página del creador que el link está al final de este post.
También existe una gran y extensa documentación, muy útil por cierto, donde vamos a poder sacarnos todas las dudas que tengamos sobre este plugin. Lo estuve probando en mi nuevo proyecto y quiero decirles que funciona perfectamente. La documentación en principio está en inglés y estoy en proceso de para traducirla.

Existen otros plugins que hacen lo mismo y se pueden encontrar por toda la web, pero este es el que genera el código mas standard y con mas funciones. Creo que es el mas completo y con mas desarrollo. No significa que otros no funcionen, pero este es muy bueno.

El único requerimiento para instalarlo es tener WordPress 2.0 o superior instalado y funcionando. Luego se puede tomar como opcional instalar el pluging de Administración de Roles de Thomas Schneider.

• Instalación:
• Bajar el plugin comprimido a tu equipo y descomprimirlo. Va a generar la carpeta exec-php.
• Copiar la carpeta completa a /wp-content/plugins/
• Activar dicho plugin desde la solapa "Plugins" en WordPress
• Configurar las opciones del Plugin desde "Opciones" si es necesario

Una vez que el plugin está activado y los permisos de ejecución dados, el código php ya debe poder ejecutarse dentro de páginas y posts. En el caso de hacer upgrade de una versión anterior se debe primero desinstalar la versión actual y luego seguir los pasos para instalarlo nuevamente.

Cómo se usa? Una vez que el plugin está activado, sólo debes utilizar el código PHP con el formato normal <?php ?> y éste se ejecutará dentro de páginas, posts y widgets de texto que quieras. Hay ciertas configuraciones que hay que realizar antes de que el código funcione apropiadamente.

A veces es necesario deshabilitar el XHTML Tag balancing de WordPress. Esto lo hacemos desde "Opciones > Escritura" y dice algo como "WordPress corregirá de manera automática el HTML incorrectamente anidado". También habría que deshabilitar o desactivar mejor dicho el editor WYSIWYG para escribir los posts y páginas. Esto lo hacemos desde "Usuarios > Su Perfil". No alcanza con ir a la solapa "HTML" desde el editor, sino que debemos desactivarlo completamente. Por último falta que se asignen dos capabilities al usuario que intenta escribir o ejecutar el código php. Esto se puede hacer desde el plugin de Administración de Roles comentado mas arriba. Lo que hay que habilitar es "unfiltered_html" y "exec_php" al autor por ejemplo.

Cómo podemos probar si está funcionando? Simple, generá un nuevo artículo y escribí:

<?php echo "Esto es Exec-PHP 'Hola Mundo'"; ?>

Esto debería generar el texto "Esto es Exec-PHP 'Hola Mundo'" en el artículo. Si no funciona revisa los roles asignados que es generalmente el problema mas común.

Source | Plugin Homepage
Note: There is a file embedded within this post, please visit this post to download the file.
Exec-PHP 4.6
Los cambios fueron en cuanto a código ya que ahora el menú de configuración de Exec-PHP es XHTML válido. Por otro lado en caso de errores con AJAX el reintento será de otras tres veces mas.
Note: There is a file embedded within this post, please visit this post to download the file.

Adrián

Si bien la solución la podrías obtener de dicho sitio, está en inglés y si no estas ducho con el idioma tendrías que andar traduciéndolo para lograr el objetivo. De este lado voy a dar una mano simplificando un poco las cosas que hay que hacer y cómo hay que hacerlas.
Hay dos formas de hacerlo, una, si no entendés nada de código o no tenes ganas de andar editando el código HTML de tu Blog podés usar la solución de "Un Click Instalación del Widget" o bien podés ir por el otro lado a customizar en un 100% el widget que agregues.

Si optaste por el camino corto y decidiste instalar el Widget en un un click, tenes que ir al sitio Widget Installation and Downloads Page y ahí hacer click sobre el Widget "Add Recent Posts to Blog". Se va a abrir una ventana donde vas a poder customizar completamente la cantidad de posts que quieras, si queres el formato standard o si vas a definir uno vos, etc. Es muy sencillo de configurar y una vez finalizado haces click en Add Widget to My Blog y listo. Si queres customizar el formato de la lista de posts, letra, tamaño, etc. vas a tener que generar tres clases de código CSS en tu Blog con los siguientes nombres: bbrecpost, .bbrecpostsum y .bbwidgetfooter. Incluso con esta opción deberías cargar una línea adicional en tu Blog justo antes de </head>. No es necesario para todos los widgets pero así lo recomienda en su sitio.

<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>

Esta opción no la recomiendo porque siempre estas dependiendo del código fuente de su creador, si bien te aseguras de estar actualizado el día que su archivo no esté mas online vos te quedaste sin posts recientes. La solución para esto es la segunda opción de instalación.

La segunda opción es que vos mismo hostees ese archivo con la funcíón de obtener los posts recientes y luego lo utilices. Pero tal vez me digas "yo no tengo un servidor propio para subir archivos". Eso no es problema, podés ir a GooglePages usar tu usuario de Blogger e ingresar al servicio. En este servicio podes crear páginas web a tu gusto, que incluso podrías usar o linkear desde tu Blog o bien podes subir archivos que es lo que nos interesa.

Entonces los pasos serían los siguientes:

Bajar las funciones de JavaScript desde este link: Note: There is a file embedded within this post, please visit this post to download the file.
Lo bajás a tu equipo y lo descomprimís así te queda un archivo llamado showrecentposts2.js.
Ingresás a GooglePages y en la parte de la derecha hacés click en upload.
Ahí con el botón Browse elegimos el archivo que recien descomprimimos y lo subimos a nuestro sitio de GooglePages.
Una vez subido si nos paramos sobre el archivo vamos a ver la dirección web completa del archivo, esta dirección la necesitamos así que recomiendo tomar nota.
Una vez que tenemos esto listo, volvemos a Blogger y vamos a Diseño -> Edición HTML.
Primero editamos el código CSS que es el que le va a dar formato a nuestra lista. Para que se vea como mi lista cargué este código:

.bbrecpost {
  margin: 0 1px;
  position: relative;
  top:-18px;
  padding-left: 0;
  list-style-type: none;
  list-style-image: none;
  font-family: 'Trebuchet MS', Verdana, Sans-Serif;
  font-size: 12px;
}

.bbwidgetfooter {
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0;}

Notarán que una de las 3 clases que nombré antes no está, eso es porque no utilizo la función de resumen de las entradas recientes. En ese caso si debería definir la clase adicional. El footer figura como left:-9999px y eso es para quitar el footer de la pantalla ya que no quedaba muy bien. Estos valores los podes modificar acorde a tu Blog, los nombres de cada propiedad de clase son bastantes intuitivos.
Con eso ya estamos en cuanto a edición HTML, ahora vamos a "Elementos de la Página". Ahí agregamos un widget de Código HTML/Javascript. Le ponemos el título que querramos, por ejemplo "Ultimos Posts" y en su contenido ponemos algo como esto:

<script style="text/javascript" src="http://tu-sitio.googlepages.com/showrecentposts2.js"></script><script style="text/javascript">var numposts = 8;var showpostdate = false;var showpostsummary = false;var numchars = 0;var standardstyling = false;</script><script src="http://dcabai.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Luego movemos el widget a la parte que mas nos guste de nuestras sidebar o footer y listo ya debería mostras los posts recientes. Pero con este ejemplo te va a mostras mis posts recientes. Hay ciertos parámetros para modificar del código, por ejemplo:

src=http://tu-sitio.googlepages.com/recentposts2.js  >> Acá tenes que poner la URL completa donde subiste el archivo en los pasos anteriores.
numposts = 8   >> Cantidad de Posts que queremos mostrar.
showpostdate = false  >> Si muestra o no la fecha del post, posible true o false 
showpostsummary = false   >> Si muestra un pequeño resumen del post, recuerden agregar la clase de CSS para esto
numchars = 0   >> Cantidad de caracteres del resumen, por default son 100
standardstyling = false   >> Si vas a usar tu propio CSS o el Standard, puede ser true o false
src="http://dcabai.blogspot.com/feeds/posts/default?orderby=published   >> Acá va la dirección de tu Blog donde está la mia. Debes cambiar dcabai.blogspot.com por tu blog, después el /feed/posts/default se debe mantener igual. Lo que podes cambiar es si queres que el órden sea de publicado o actualizado.

Recomiendo el publicado porque si después ingresas a modificar un posts viejo y lo actualizas con una modificación por ejemplo, va a aparecer en la lista.

Una vez que modifiques esos parámetros y publiques el Widget deberías ver los posts recientes. Nuevamente te recomiendo que utilices la segunda opción, pero si se te complica mucho la primera es muy válida también.

Podés hacer lo mismo con los Comentarios cambiando la dirección de los Feeds por la que desees pero en la página de Beautiful Beta hay un Widget con este fin únicamente. Cualquier duda o pregunta sabes que podes dejarme un comentario y voy a tratar de responderte a la brevedad.

Todavía soy nuevo en WordPress, pero si se registran al Feed van a estar al tanto de cuando migre la plataforma. Va a tener mas contenido, mas secciones, un lugar donde la gente va a poder interactuar mas, etc.

Hasta ahora van sólo 40 mil downloads de esta versión, cuando la 2.3.3 tenía mas de 1 millón. Así que hay mucha gente que debe actualizar su instalación.

La instalación sigue siendo igual cuando se hace desde cero, pero cuando se hace un upgrade de versión acordate de apuntar el navegador a tusitio/wp-admin/upgrade.php porque debe actualizar la estructura de la base de datos antes de continuar. Si no lo haces, cuando quieras ingresar al Admin te va a avisar que está desactualizada.

Esta versión tiene muchos cambios a nivel interfaz gráfica con respecto a la 2.3.3. He probado muchos themes desde que arranqué con el nuevo Blog y la verdad que en 98% son compatibles con la 2.5. No puedo decir lo mismo de los plugins. Me he encontrado con varios que no funcionan o funcionan a medias. Así que antes de hacer algo con tu sitio recuerda siempre hacer un backup. Una vez que tenes tu backup en mano, listo ponete a jugar con la instalación. Suerte! :)

Source | WordPress.org

La idea de este artículo es explicar una forma de agregar emoticons o caritas en Blogger automáticamente. Con esto quiero decir que cuando escriban :) les aparecerá una carita similar a esta . Puede ser esta carita o el ícono o gráfico que nosotros querramos y el sistema funciona no sólo para insertar emoticons sino que uno puede cambiar cualquier palabra o símbolo por imagen automáticamente con este sistema. Por ejemplo, yo puedo configurarlo para que cuando escriba "casa" me aparezca el gráfico de una casa automáticamente. Obviamente que este ejemplo no tiene mucha utilidad pero quiero demostrar lo que se puede hacer. En este caso voy a tomar unas caritas que ya estan hosteadas, pero si queres customizar el sistema con tus propios emoticons primero deberías subirlos a la web, hostearlos en algún lado. Podés usar Picasa web para esto, o Google Pages como otra opción gratuita y efectiva. Para esto hay que modificar el código HTML del Blog así que como siempre te recomiendo que antes realices un Backup del mismo.

En principio debes instalar el siguiente código justo antes del </head>:

<!--BloggerEmoticons-->
<script type="text/javascript">
<!--

function replaceText() {
// no support
if(!document.getElementById) {
return;
}

bodyText = document.getElementById("body");
theText = bodyText.innerHTML;

// replace
theText = theText.replace(/;\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" />');
theText = theText.replace(/;-\)/g,'<img style="border:none;vertical-align:middle"  src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" />');
theText = theText.replace(/:D/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" />');
theText = theText.replace(/:-D/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" />');
theText = theText.replace(/B\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" />');
theText = theText.replace(/B-\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" />');
theText = theText.replace(/:x/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" />');
theText = theText.replace(/:X/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":X" />');
theText = theText.replace(/:-x/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-x" />');
theText = theText.replace(/:-X/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" />');
theText = theText.replace(/:-\(/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" />');
theText = theText.replace(/:\(/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" />');
theText = theText.replace(/:o/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" />');
theText = theText.replace(/:O/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" />');
theText = theText.replace(/:-o/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" />');
theText = theText.replace(/:-O/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" />');
theText = theText.replace(/:p/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" />');
theText = theText.replace(/:-p/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" />');
theText = theText.replace(/:-P/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" />');
theText = theText.replace(/:P/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');
theText = theText.replace(/:-\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');
theText = theText.replace(/:\)/g,'<img style="border:none;vertical-align:middle" src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" />');

bodyText.innerHTML = theText;
}

-->
</script>

<!--End BloggerEmoticons-->

En este caso utilicé los emoticons que estan en la URL de Blogger, pero estas URL se pueden cambiar con las emoticons que cada uno tenga. Mas abajo dejo unos links de donde obtener otras emoticons para cambiar el diseño. También tiene configurado el border en 0 píxels y que esten alineadas en el centro con la opción vertical-align:middle. Esta parte se puede eliminar si es que queremos que no este alineada. Es importante que al guardar la plantilla luego de modificarla respete los espacios y los saltos de línea. Revisa esto antes de consultar el por qué no funcionó el código. A veces cuando uno hace copy y paste dentro del código no copia bien los saltos de línea.

Como último paso debemos editar el código HTML de nuestro blog nuevamente y buscar el siguiente texto: <body> y reemplazarlo con la siguiente línea:

<body id="body" onload="replaceText();">

Listo, con esto ya está listo y podes empezar a escribir emoticons en tu blog que se va a mostrar las caritas. Recuerda que esto va a modificar TODO lo que se escriba en el blog, incluso los comentarios y hasta puede llenarte el blog de imágenes. Si me pedís recomendación yo te diría que no lo habilites y si deseas usar emoticons o caritas en tus posts o artículos, utilices el Windows Live Writer para escribirlos con el plugin de Smileys.

Source | Blogger Emoticons
URL1 | MSN Emoticons
URL2 | Yahoo Messenger Emoticons
URL3 | Yahoo Hidden Emoticons

Hace un tiempo ya había hablado sobre esta increíble herramienta para generar las entradas o artículos de tu blog. Ahora es momento de potenciarla con la gran cantidad de plugins que hay disponibles. Si te perdiste el artículo anterior podes hacer click acá Windows Live Writer - La solución de los Bloggers.
Hay dos sitios desde donde podemos bajar los plugins, ya los había nombrado pero si te los perdiste te los dejo nuevamente acá:

Windows Live Writer Plugins
Windows Live Gallery

LISTA DE PLUGINS:

Insert Video
Nos deja insertar un video de muchos proveedores entre los que se encuentra MSN SoapBox, Google Video, YouTube, etc.

Blog This For Firefox
En realidad este plugin agrega un botón al Firefox para que podamos hacer un artículo sobre el sitio que estamos visitando. Directamente nos abre Windows Live Writer y podemos empezar a escribir.

Inster Spaces Emoticons
Si no tenemos los emoticons o caritas habilitadas en nuestro blog podemos agregarlas con un simple click desde el Live Writer con este plugin.

Inster Code for Windows Live Writer
Nunca fue mas fácil insertar código web en una entrada del blog. Como sabemos si escribimos código web por ejemplo en blogger es identificado como tal y no aparece completo. Si utilizamos este plugin podemos darle un formato diferente y que se muestre dentro de la entrada.

Polaroid Picture
Dale formato a tus imágenes de las entradas como si fuesen fotos de una cámara Polaroid. Muy bueno para modificaciones de look and feel sin ningún conocimiento gráfico.

Table Plugin
Queres insertar una Tabla y nunca te queda bien? Con este plugin resolves todos esos problemas ya que con unos simples clicks podes insertar todo tipo de tablas y manejarlas como si fuesen creadas con el word.

Social Bookmarking Tags for Windows Live Writer
Con esta herramienta podemos agregar automáticamente los tags o etiquetas a nuestras entradas. Muy útil para ahorrarnos algo de trabajo clasificandolas.

Snipping Tool Integration
Uno de los mejores plugins que interactúan con la herramienta Snipping Tool de Windows Vista. Podemos utilizarla para capturar parte de la pantalla o bien la pantalla completa y se inserta automáticamente en nuestra entrada. Si tenes Windows Vista no podes dejar de tener esta herramienta.

Adsense Code DropIn
Sos usuario de WordPress y tenes instalado el plugin Adsense Deluxe? Entonces este plugin te puede servir ya que inserta el código de Adsense en tu entrada del Blog automáticamente.

Word Count
Cansado que el Windows Live Writer no cuente la cantidad de palabras que escribes? Por ejemplo en un análisis pago suelen pedirte una cantidad de palabras determinada, con ese plugin vas a poder obtener el número de la selección que hagas.

Paste from Console
En tu blog es común que pegues comandos o resultados de la consola de DOS? Con este plugin podés insertar eso muy fácilmente con una serie de clicks.

Por último hay dos downloads mas que pueden ser útiles, uno es un plugin para Windows Live Messenger para mostrar nuestro RSS como texto debajo de nuestro nick y el segundo es para transportar el Windows Live Writer y poder escribir entradas de cualquier parte.

Rss-Feed Windows Live Messenger Add-In
Windows Live Writer Portable

Espero que les sirva y les sea útil como a mi. Si tienen alguna duda o consulta pueden dejarme un comentario que seguro voy a responder.

Se que voy a perder todo el posicionamiento que había logrado pero bueno, la idea es arrancar un proyecto un poco mas grande y ambicioso para poder dedicarle mas tiempo a esto de Bloggear que llegó a convertirse en un vicio para mi. Sobre el nuevo Blog ya te vas a ir enterando, por lo pronto me gustaría conocer la opinión sobre lo que pienso hacer y si es el camino correcto.

Artículos MAS Leídos en el mes de Febrero:

1. Emoticons y Winks para Windows Live Messenger (MSN) GRATIS!!
2. Error 80072efd en Live Messenger (MSN)
3. Nube de Etiquetas o Tag Cloud en Blogger/Blogspot
4. Optimizá Windows XP y hacé que Vuele!
5. Posts Relacionados en Blogger/Blogspot

Palabras Clave mas utilizadas para llegar al Blog:

1. 80072efd
2. pc expanion
3. tafiti
4. windows server 2008
5. mejorar la indexacion

Programas de Ganar Dinero que MAS me pagaron este Mes:

1. ReviewMe - Este es el turno de ReviewMe
2. SponsoredReviews - Comenzá el 2008 Ganando algo de Dinero
3. SubvertandProfit - Ganando un poco de Dinero con las Redes Sociales
4. LinkWorth - Otra forma de Ganar Dinero con tu Blog / Sitio
5. Blogsvertise - Ganar Dinero con Blogsvertise

Estas son algunas estadísticas sobre lo que mas movimiento tuvo en el mes de Febrero y así espero poder hacer estos resúmenes todos los fines de mes para que esten al tanto de qué se habló y qué fue lo que mas efecto tuvo.
Nuevamente espero recibir sus comentarios sobre convertir este Blog a un dominio propio y bajo la plataforma WordPress y así ver si vale la pena o no. Gracias.

Gracias a Gustavo de www.grupoitpro.com.ar llegué hasta un artículo publicado por Wired.com  donde muestran un análisis del ciclo de vida de un artículo publicado en un blog. Es muy interesante ver todos los pasos que ocurren desde que se escribe el artículo hasta que llega a los usuarios de la blogoesfera.

Cuando uno tiene un blog, se preocupa por escibir un artículo con buen contenido y cuando hace click en publicar luego ingresa a ver cómo quedó pero en background hay toda otra historia. Es como la publicidad de Coca-Cola, vos pedís una y dentro de la máquina está la fábrica de Coca que es todo un mundo para hacer que llegue a tus manos. Esto es igual, la blogoesfera es todo un mundo aceitado que funciona para que el público reciba tus artículos en su explorador de internet. Un poco loco pero muy buen artículo.

El artículo cuenta que una vez que escribís la entrada, corren en background una gran cantidad de agentes, software, bots, index, etc que hacen posible que la misma esté disponible en las búsquedas por ejemplo. Luego hay un link al sitio de Matthew Hurst, un investigador que estudia este ecosistema para los laboratorios de Microsoft Live donde hay unas imágenes de cómo se puede representar el mapa de la blogoesfera según sus links y nodos. Les dejo algunas de ellas pero les sugiero que ingresen para ver toda la información completa. Me pareció bueno compartirlo con todos ya que debemos estar informados.

Si no sabes cómo hacer para que Google indexe mejor tu sitio/blog te sugiero que leas este artículo anterior: Mejorar la indexación en Google de nuestro Sitio/Blog

Source | The Life Cycle of a Blog Post, From Servers to Spiders to Suits — to You
Source | Data Mining: Mapping The Blogosphere