Si desea crear un blog gratis, le recomiendo dos sitios muy conocidos, uno de ellos es el administrado por el famoso buscador Google, se trata de Blogger.com, es totalmente gratis, puedes incluirle multitud de plugins y plantillas para el blog.
Otro servicio también muy conocido es el creado por el famoso CMS Wordpress en el que cuenta con una gran comunidad de desarolladores tanto de extensiones como temas, puedes crear tu blog en Wordpress.com.
Si quieres conocer una lista de temas muy buenos para cambiarles el aspecto a tu wordpress. Los chicos de smashingmagazine.com han hecho una selección de 100 temas fantásticos de wordpress 2009.
KooThemes se ha tomado la molestia de realizar una selección de los mejores 30 vídeotutoriales para Wordpress, con los que podremos mejorar el diseño de nuestro blog, así como también la adición de más y mejores herramientas para hacernos la tarea de bloguear mucho más sencilla.
No importa si eres un usuario novato o avanzado, esta colección de tutoriales (todos en vídeo) seguramente te resultará más que útil para conocer todos los secretos de Wordpress, y así mejorar aún más tu sitio.
Como se puede ver en ProtoWordpress, han iniciado una sección de trucos para Wordpress, y el primero ha sido la forma de insertar un bloque de publicidad AdSense entre los posts de tu blog.
Para ello, debemos editar nuestro archivo index.php, por lo que os recomendaría hacer una copia de seguridad del mismo, por si las moscas…
Lo primero es que busqueis la siguiente sentencia para saber donde va a aparecer vuestra publicidad:
<?php the_content
Por encima de esa sentencia, el código quedará entre el título y el contenido de cada post y, por debajo de esa línea, el bloque de publicidad quedará por debajo del contenido.
Una vez encontrado, colocaremos el siguiente código:
Y, como bien explican en el artículo de ProtoWordpress, ¿que es lo que hace este código?, pues bien, primero definen dos variables, numeropost y publi, dependiendo del valor de publi será el número de veces que saldrá el bloque de publicidad, es decir, si a publi le asignamos un 3 entonces la publicidad saldrá en los 3 primeros posts de nuestra página principal.
Hacemos un alto en el camino del manual HTML para presentaros un plugin para Wordpress que, a mi parecer, resulta bastante interesante.
Se trata de Notifixious, un plugin que nos permite avisar a los lectores de los nuevos contenidos de nuestro blog mediante lo servicios de mensajería instantánea tipo MSN, AIM, Google Talk o ICQ, aunque también tiene la capacidad para avisarlos por E-mail e incluso mediante SMS.
La principal pega que tiene el plugin es la necesidad de utilizar los servicios de notifixio.us, por lo que tendrás que avisar a tus usuarios registrados para que utilicen esos servicios.
Así pues, este plugin parece una buena idea para aquellos blogs más orientados hacia las suscripciones, como, por ejemplo, los blogs corporativos en los que, desde el inicio, sea obligatorio poseer usuario y contraseña para acceder.
Sin duda, si necesitas de estos servicios, esta puede ser tu solución.
Viendo que este blog está un poco abandonado, vamos a tratar de revivirlo con una serie de cursillos básicos que seguro que le resultarán de utilidad a todos aquellos que se acercan por primera vez al mundo de la creación web.
Para empezar, ya se que para algunos al principio se haran algo pesados para los que tienen una base ya que empezaremos por un nivel muy muy básico, pero seguro que con el tiempo también le sacareis provecho a estos manuales.
En principio, publicaré 3 manuales que se alargarán bastante en el tiempo, por lo que no seais muy impacientes, el primero de ellos será un Manual Básico de HTML, posteriormente, un Manual Básico de PHP y, para terminar, un Manual Básico de CSS.
Todos ellos tendran como objetivo capacitarnos para entender de una manera básica los comandos y sentencias que hay a nuestra disposición, lo que nos resultará sumamente útil al configurar nuestro Blog bajo Wordpress por ejemplo.
Y como el más inmediato va a ser el Manual de HTML, voy a presentar cómo se estructurará el mismo:
Constará de unos 10 capítulos (puede variar en función de lo extenso que se me hagan algunos), que en principio serán los siguientes:
Estructura de un documento HTML
Dar forma al texto
Enlaces
Inserción de imágenes
Inseción de caracteres especiales.
Selección de fondos
Tablas
Formularios
Trabajar con Frames
Inserción de sonidos
Espero que estos manuales os sirvan de utilidad y que juntos animemos zonamasters.com
Por cierto, si quereis cualquier otro manual o teneis alguna duda en los capítulos que posteo, ¡¡¡¡no dudeis en escribir un comentario!!!!.
Tener un blog no necesariamente quiere decir que seamos WebMasters y estemos inundados de conocimientos de PHP o HTML, por lo tanto no todos pueden crear sus propios temas para Blogs. Es por esto que existen temas prontos para la descarga y así hacernos la vida más fácil al momento de crear un Blog.
Temas para Wordpress hay cientos, se pueden descargar todos desde esta página. Pero no siempre los temas de adecuan a nuestros intereses, ya sea por el nombre o los colores.
En este sencillo pero efectivo tutorial vamos a modificar el Header de nuestro blog para que sea acorde a la idea que tengamos en mente para el mismo.
Para este ejemplo, utilicé el tema “Activate“, creado por Brian Gardner para Wordpress.
Lo primero que deberemos hacer es descargar el tema desde aquí. Una vez hecho esto descomprimimos la carpeta dentro del directorio ‘wordpress/wp-content/themes’ dentro de nuestro servidor. Luego activaremos dicho tema yendo al panel del blog y seleccionando ‘Presentación‘ (Presentation), aparecerá una lista de los temas habilitados, entre los que figura el que acabamos de descargar. Con sólo hacer un clic sobre él ya estará activado.
En este caso haremos un header para ZonaMasters.Com, lo que nos obligará a cambiar el nombre Activate por el de nuestro Blog:
Dentro de la página principal del blog, le damos clic derecho sobre la imagen (header) y seleccionamos “ver imagen“, se nos abrirá otra ventana con sólo la imagen que queremos cambiar.
La misma imagen la guardaremos, mediante clic derecho y seleccionando ‘Guardar Imagen como…’ en el disco duro de nuestro PC, sin cambiarle el nombre ni el formato, esto es muy importante para que luego el PHP reconozca la nueva imagen como el Header original. Puede pasar que el formato de la imagen sea Gif, lo que no nos permitirá agregarle capas en la edición con Photoshop, si este es el caso, cambiaremos el modo de la imagen (Imagen/Modo/Color RGB), pero deberemos recordar volver al formato original cuando hayamos terminado la edición, guardándola como archivo Gif.
Figura 1-
Figura 2-
Ya está lista la imagen para editarla en nuestro Photoshop. Yo utilizaré la versión CS3, pero los pasos que verán están también disponibles en todas las versiones Photoshop.
Una vez abierta la imagen en el Photoshop, procederemos a rellenar su contenido con el color de nuestro agrado, en este caso utilizaré el color del Header original de ZonaMasters (082334) y presionando ‘Alt+Supr‘ o seleccionando la herramienta ‘Bote de Pintura‘ () y haciendo clic sobre la imagen.
Luego añadiremos algunos efectos al fondo para que no se vea tan plano. Vamos a la ventana ‘Capas’ y le damos doble clic a la capa ‘Fondo‘, pulsamos Ok a la ventana que aparece y volvemos a darle doble clic a la capa (que ahora se llama ‘Capa 0‘). Se nos abrirá la ventana ‘Estilo de Capa‘.
Le añadimos el efecto ‘Resplandor Exterior‘ donde seleccionaremos un color un poco más claro que el del fondo y configuraremos de la siguiente manera:
►Modo de fusión = Normal
►Opacidad = 95%
►Ruido = 0%
►Color de Resplandor = 40a0b8
►Técnica = Más Suavizado
►Origen = Borde
►Retraer = 0%
►Tamaño = 10 Px
Figura 3-
Figura 4-
Ahora seleccionaremos una fuente de nuestro agrado para colocar el nombre de nuestro Blog en el Header.
Luego de seleccionada nuestra fuente, seleccionamos la herramienta ‘Texto‘ () y posicionaremos el cursor en el centro de la imagen. Escribimos el nombre. Si el texto no se ve, es porque está del mismo color del fondo. Lo que deberemos hacer es ir a la ventana ‘Carácter‘ (Ventana/Carácter) y, con el texto seleccionado, cambiamos el color y lo posicionamos donde más nos agrade.
Ahora llega el momento de agregarle algunos efectos al texto. Doble clic a la capa del texto y se nos abrira otra vez la ventana ‘Estilo de Capa‘ y seleccionaremos el efecto ‘Resplandor Exterior‘ con esta configuración:
►Modo de Fusión = Color más Claro
►Opacidad = 75%
►Ruido = 0%
►Color de Resplandor = befff4
►Técnica = Más Suavizado
►Extender = 0%
►Tamaño = 10 Px Figura 5- Figura 6-
Ahora sólo resta agregarle algunos “adornos” para hacer nuestro Header más vistoso. Lo que recomiendo a partir de ahora es investigar sin miedo todas las posibilidades que nos da esta poderosa herramienta llamada Photoshop, que son infinitas y muy sencillas de utilizar. Otra cosa que recomiendo es que no toméis este tutorial al pie de la letra, ya que es sólo una sencilla guía de las cosas que podréis hacer en poco tiempo.
Figura 7-
Luego que tengamos pronto nuestro nuevo Header, deberemos optimizarlo para la Web, de manera que no quede muy pesado y haga demorar la carga de nuestro Blog. Para eso presionaremos las teclas Ctrl+Shift+Alt+S y se nos abrirá la ventana ‘Guardar para Web y Dispositivos‘ donde configuraremos las siguientes opciones:
Figura 8-
De más está decir que deberemos guardar el archivo resultante con el mismo nombre y formato del original (en este caso es header.gif)
Ya tenemos pronto nuestro Header, ahora sólo falta subirlo a nuestro servidor y reemplazar el existente. Para eso deberemos ir a la ruta del tema (wordpress/wp-content/themes/carpeta del tema/images) y reemplazar la imagen. Figura 9-
Como siempre decimos, si tenéis alguna duda, sólo hace falta explayarla en los comentarios y a la brevedad os ayudaremos.
Más adelante volveremos con más tutoriales para seguir personalizando nuestros temas Wordpress.
Aparentemente el sistema de cookies del anterior Wordpress 2.5 contiene un agujero de seguridad “tan grande que podríamos conducir un camión a través del mismo“.
Según el sitio oficial, el nuevo Wordpress 2.5.1 soluciona arriba de 70 agujeros de seguridad y se enfoca en reparar varios bugs desconocidos además de mejorar su rendimiento.
También han realizado mejoramientos en las páginas “Escritorio“, “Escribir” y “Comentarios“. Han reparado las fallas presentadas al momento de subir archivos multimedia y en la administración de los widgets.
Por otra parte, se ha reportado que mejoraron la compatibilidad de diseño para el Internet Explorer y han actualizado el TinyMCE a su versión 3.0.7, potente editor para HTML en JAVAScript compatible con los navegadores IE, Firefox, Safari, Konqueror y Opera.
Para más información, visita el blog oficial de Wordpress.
Hay muchas personas a las que les gustaría crear sus propios temas en Wordpress, y los que sean como yo, “plugin-maníaco”, gustarían de probar cada uno de los que nos ofrece la red. Y una de las mejores maneras de hacerlo es con el Wordpress instalado en el PC. De otra forma, podríamos dejar “inservible” nuestro sitio sólo porque se nos ocurrió “explorar” nuestros conocimientos: ¿Pero cómo logramos esto?
Lo primero que debemos conseguir es la aplicación XAMPP para Windows que está disponible aquí. Deberemos elegir, de las múltiples opciones de descarga, la versión “installer” (pesa 34 Mb). Una vez descargada, instalaremos el software en la raíz (C:).
Lo siguiente es correr el acceso directo creado en el escritorio, si es que no elegimos abrirlo cuando finalizó la instalación. En la ventana que aparece, el panel de control, deberemos presionar ‘start‘ en el campo “apache” y en el campo “MySql“
Abrimos nuestro navegador (yo utilicé Firefox) y escribimos ‘http://localhost/‘ y escogeremos el lenguaje de nuestra preferencia.
Entraremos a la interfaz de configuración del servidor. Deberemos elegir “phpMyAdmin” del menú en la parte izquierda de la página. Luego veremos un campo donde le pondremos de nombre a nuestra base de datos “wordpress“.
Aquí va un vídeo demostrativo por si se nos ha pasado por alto algo:
Como podemos ver, ya tenemos un servidor y una base de datos completa. Sólo falta el Wordpress.
Descargamos la última versión desde aquí, y el archivo .zip deberemos descomprimirlo en ‘C:\xampp\htdocs‘. Ahora deberemos editar el archivo ‘wp-config-sample.php‘ dentro de la carpeta del wordpress.
Abrimos el archivo con el bloc de notas y definimos ‘wordpress’ al nombre de la base de datos. El nombre del usuario en ‘root‘ y el password, para la instalación local, debe dejarse en blanco. Una vez hecho esto, guardamos el archivo con el nombre de ‘wp-config.php‘.
En el navegador, iremos a ‘http://localhost/wordpress/wp-admin/install.php‘ y seguimos los pasos de instalación de wordpress.
Ya tenemos pronto un Wordpress “privado” en el que podremos hacer cuanta prueba se nos ocurra, para después aplicarla confiados en nuestra Web y así dejarla como más nos guste.
6 de Febrero de 2010 | 
0 comentarios
) y haciendo clic sobre la imagen.
) y posicionaremos el cursor en el centro de la imagen. Escribimos el nombre. Si el texto no se ve, es porque está del mismo color del fondo. Lo que deberemos hacer es ir a la ventana ‘Carácter‘ (Ventana/Carácter) y, con el texto seleccionado, cambiamos el color y lo posicionamos donde más nos agrade.
