Current Feed Content from 17 Nov 08 13:51
La Princesa Veneciana
2008-11-11T09:01:00.000-08:00Se que no tiene mucho que ver con el tema del blog pero realmetne me divierte.
Madi MalsoGMail prevendrá que envíes correos si estás algo alcoholizado
2008-10-16T20:44:00.000-07:00Gracias a Eduardo de Alt1040 descubrí una... por decirlo de alguna manera, "curiosa" utilidad para GMail; se trata de una extensión o "hack" que evitará que envíes correos electrónicos cuando estés "pasado de copas"... ebrio, borracho, alcoholizado, o como decimos acá en mi Perú, cuando estés ¡Huasca!.
¿Y en que consiste la magia? A decir verdad no se trata de ningún dispositivo para el control de alcoholemia digital ni nada parecido; se trata de lo siguiente: Una vez configurada la extensión para GMail, denominada Mail Goggles, cada vez que quieras enviar un mail un viernes, sabado o domingo por la noche (que son los momentos más peligrosos) GMail te planteará algunas operaciones matemáticas muy sencillas, si no las respondes bien en menos de 43 segundos Google te "salvará la vida" evitando que envíes ese mail del que, de otra manera, te arrepentirás de por vida.
Por defecto Mail Goggles se activará los fines de semana durante las horas que es más factible que estés ebrio (de 10 de la noche a 4 de la mañana), aunque podrás indicar tú los días y horas que te parezcan convenientes, eso de acuerdo a tushábitos chupísticos"costumbres sociales".
Ahora hecha un vistazo a las operaciones, no son tan complicadas ¿o sí? bueno, eso depende de cuán ebrio estés.
Si crees que vas a necesitar este hack en tu GMail solo tendrás que loguearte en la versión en inglés de tu correo, dirigirte a la opción Settings y luego a la pestaña Labs que está en la parte derecha de la ventana, finalmente buscar y habilitar Mail Goggles para que comience a funcionar.
Vía | Alt1040
Enlace | GMail Official BlogJoselo (cheche)Manual de Templates para Joomla! 1.5.x - Consejos para empezar a codificar.
2008-10-12T10:32:00.001-07:00Continuando con el manual para templates de Joomla! 1.5.x, me encantaría qeu dejasen algunos comentarios, para indicar cuales son las deficiencias q encuentran en este manual o que creen que debería colocar, antes de seguir:
Consejos para empezar a codificar.
Una de las primeras cosas que nos dicen los manuales sobre cómo crear plantillas para cualquier CMS es que no podemos usar editores WYSIWYG como el dreamweaver o que estos no podrán sernos de gran ayuda durante el desarrollo de nuestra plantilla, a mi parecer esto no es del todo cierto por lo que considero que el diseño de una plantilla para Joomla! debe de desarrollarse en cuatro pasos:
Primer paso: El Diseño.-
No importa cuál sea el método que utilizamos para diseñar nuestra plantilla o nuestro sitio web en general, este debe de contemplar todos los aspectos de la misma o al menos los más generales que lo conforman. Lo ideal es trabajar el diseño en un programa de diseño que nos sea familiar, realizando en este las vistas que consideremos más importantes pero manejándolas inicialmente en forma grafica a manera de una maqueta. A más detallada este nuestra maqueta, más sencillos serán nuestros demás pasos.En nuestro caso en particular lo más importante es considerar dentro de nuestra maqueta ciertas partes que son de uso general en el Joomla!; recordemos primero que el Joomla! se compone básicamente de Módulos (Menús, encuestas, Titulares, Banners, etc.), que son los que se encargan de mostrarnos la “información adicional” de cada página y los componentes (Artículos, Secciones y Categorías en vistas de Blog o simple, resultado de encuestas, etc.) que se encargan de mostrarnos el “contenido” de la página en que nos encontramos, por tanto nuestra maqueta debe de considerar estos aspectos antes de empezar a trabajar.
Segundo paso: La codificación.-
Como indicaba al inicio de este post, en lo personal creo que si se puede usar un editor WYSIWYG, solo se trata como hacerlo; lo que podemos hacer es armar en este paso el diseño que hemos realizado en el paso anterior como si de un sitio web tradicional se tratase armando cada una de las pantallas que vamos a necesitar para completar nuestra plantilla Joomla! lo único que necesitamos en esta etapa es tener en cuenta los siguientes consejos:
- Existen clases predefinidas en el Joomla!, las cuales debemos de usar a la hora de codificar nuestro diseño en especial el CSS. Estoy armando un “diccionario de variables” de estas clases que espero tener listo para el próximo post y estoy seguro les será de mucha utilidad.
- Mantener todos los archivos que vamos a usar en su construcción dentro de la carpeta de nuestra plantilla usando para relacionarnos con el archivo direcciones relativas y conservando el esquema de carpetas y archivos indicados aquí exceptuando el index.php y la carpeta html/ los cuales recién crearemos en los pasos siguientes.
- Guardar nuestros “archivos base” con extensión .html lo que facilitara su visualización y tratar de usar nombres descriptivos como “vista_articulo.html”.
Nota: Los archivos .html son temporales y serán eliminados una vez terminada la plantilla.
Tercer paso: Adaptación al Joomla!-
Bueno si tienen experiencia en el desarrollo de templates, supongo que el paso anterior y este son realmente absurdos, pero en verdad facilitan la comprensión de cómo trabaja el Joomla! y es posible que con algo de practica estos pasos terminen simplificándose en uno solo.
En este paso se crea el archivo index.php, basado en el código de nuestros “archivos base” anteriores, luego remplazaremos ciertas partes del código del mismo por llamadas del código de Joomla!Cuarto Paso: Creación de Módulos y Componentes.-
Similar al paso anterior, se irá copiando código de nuestras bases y realizando las modificaciones necesarias para la creación de los módulos componentes y visualizaciones necesarias para la creación de nuestra plantilla.
En los siguientes post continuare con la construcción de el archivo index.php y de los módulos y componentes, pero antes de empezar sería recomendable leer el diccionario de variables.Madi MalsoOff-Topic: Triste historia...
2008-10-07T07:27:00.000-07:00
En verdad nada les cuesta hacer click a este enlace y es que la historia es la más triste que he escuchado en mi vida... mmmm... jajajaE
n fin la historia va como sigue, si consigue juntar 5 000 000 de entradas en un mes, digamos que su amiga le hará el "favor", y tomando en cuenta que esta como preso creo que el castigo de que quede como esclavo de la misma por una semana es lo de menos preocupación.Si desean conocer la historia al detalle entren al siguiente enlace http://www.prawiczek25.pl/index_en.php donde podrán leer la historia en ingles.
Madi MalsoManual de Templates para Joomla! 1.5.x - templateDetails.xml
2008-10-05T13:21:00.000-07:00Continuando con el manual para templates de Joomla! 1.5.x, la lección de hoy es:
templateDetails.xml
Como indicamos en el post anterior, este archivo incluye la lista de todos los elementos que conforman la plantilla de Joomla! 1.5.x y es muy importante tenerlo bien configurado a la hora de la instalación del mismo, es decir, estar seguro que estamos listando todos los archivos y que todos los archivos listados existan realmente. Este archivo también incluye cierta información de la plantilla, nombre, versión y descripción, como del autor y sobre el copyright.
El código XML del mismo tiene la siguiente estructura:
"1.0" encoding="utf-8"?>
"1.5" type="template"> nuestro_template Septiembre 2008 Madi Malso GPL micorreo@dominio.com www.muertoperorankeado.com 1.0 Ejemplo de plantilla para Joomla! 1.5.x index.php templateDetails.xml template_thumbnail.png favicon.ico component.php param.ini css/template.css html/pagination.php html/modules.php html/com_nombre/nombre_vistas/diagramado.php html/mod_nombre/diagramado.php images/imagen_demo.jpg jascript/java_demo.js user1 top left banner right footer "coloresFondo" type="list" default="blanco" label="Color de Fondo" description="Colores de fondo para usar">
Como pueden ver la estructura es bastante sencilla y simple de armar aunque en un plantilla puede ser algo engorrosa lo mejor es mantener todos los archivos en orden he ir agregándolos a medida que los creemos. Bueno pasemos a describir algunas de estas líneas:
"1.5" type="template"> : Sirve para indicar al instalador que es una plantilla de Joomla! 1.5nuestro_template : Nombre de la plantilla, como indicamos antes este debe ser el mismo nombre que colocamos en la carpeta que contiene la plantilla.Septiembre 2008 : Fecha de creación, no hay una estandarización al respecto así que puede colocarse de distintas maneras siempre y cuando indique la fecha en la que la plantilla fue creada.Madi Malso : Sirve para indicar la autoría de la plantillaGPL : Indica el tipo de licencia con la que deseamos distribuir la plantilla para su uso.micorreo@dominio.com : Indica la dirección de correo electrónico del autor en caso de querer ser contactado. Esta dirección se encuentra protegida para evitar el envio de spam a través de robotswww.muertoperorankeado.com : Dirección del sitio web del autor.1.0 : Versión de la plantilla.. : Lista de todos los archivos que conforman la plantilla; cada elemento debe de encontrarse dentro de sus propias etiquetas bajo el siguiente esquema:carpeta/archivo.ext en caso de que estos archivos se encuentren en carpetas dentro de la plantilla estas se deben de listar de manera relativa a la posición en la que se encuentra el template, por ejemplo si quisiéramos incluir nuestro archivo template.css que se encuentra dentro de la carpeta css/ se debería colocar de la siguiente manera:css/template.css .. : Lista de las posiciones que luego serán definidas en el archivo index.php donde se integraran los módulos de Joomla! 1.5.x, similar a los archivos estos se definirán dentro de las etiquetasPosición .. : Lista de los parámetros con los que trabajará nuestra plantilla este se encuentra definido de la siguiente manera: ”NombreDelParametro” type=”tipo” label=”Etiqueta para el parametro” description=”Descripción del parametro” default=”valor inicial del parametro”>; según el tipo que hayamos tiene sus propias variaciones.Madi MalsoManual de Templates para Joomla! 1.5.x - ¿Qué cosas conforman una plantilla de Joomla! 1.5.x?
2008-09-30T22:50:00.000-07:00Ya ha pasado más de una semana y por fin tengo tiempo para continuar este pequeño manual, a este paso creo que terminare cuando la versión 2.0 este en vigencia.
Bueno regresando con el manual para templates de Joomla! 1.5.x, la lección de hoy es:
¿Qué cosas conforman una plantilla de Joomla! 1.5.x?Bueno creo que aquí empieza realmente lo importante, existen varias cosas que conforman una plantilla de Joomla! 1.5.x, pero básicamente la estructura del mismo es como sigue:
Espero que el grafico les sirva de guía, pero igual tratare de usar una lista ordenada para darles la idea de árbol que debe tener todos los nombres en azul son archivos y en verde carpetas, los que tengan los nombres entre corchetes son archivos opcionales pero ayudan a que nuestra plantilla sea más sólida y profesional:
- nuestro_template/: Carpeta que contiene todos y cada uno de los archivos y carpetas que conforman la plantilla, esta debe tener el nombre de nuestra plantilla y por favor traten de no usar espacios o tildes en el.
- templateDetails.xml: Es en cierta medida uno de los archivos más importantes de la plantilla, sobre todo a la hora de la instalación de la misma puede resultar un dolor de cabeza cuando no está bien definido, es básicamente el archivo de información que indica al núcleo de Joomla! 1.5.x (empiezo a casarme de escribirlo completo) que archivos conforman la plantilla, así como su nombre, versión, autor y los derechos con los que esta publicado entre otros. Recuerden que todos los nombres son cAsE sEnsItIvE en otras palabras que si importan las mayúsculas y minúsculas.
- index.php: Es uno de los archivos más importantes de la plantilla ya que este contendrá la base de la presentación de la plantilla siendo un mapa de ubicación para los distintos módulos y componentes que lo van a conformar, este archivo es el archivo que llama el núcleo de Joomla! 1.5.x a la hora de construir nuestro sitio web.
- [template_thumbnail.ext]: Es una pre visualización de la plantilla, de unos 200x150 pixeles. Sirve para que vean nuestro diseño desde el administrador sin necesidad de aplicarlo. La .ext del nombre del archivo indica que es la extensión del mismo pudiendo esta ser: .png, .jpg o .gif
- [favicon.ico]: Si tengo que explicar esto creo que tenemos un problema. Pero si no saben que es: http://es.wikipedia.org/wiki/Favicon
- [component.php]: Archivo similar al index.php pero en el que se coloca la información necesaria para la creación de las páginas de error.
- [param.ini]: Este archivo sirve para almacenar los parámetros que hayamos seleccionado para nuestro sitio web, en caso de que no queramos implementar la opcion de parametros para nuestro template, solo basta con dejarlo en blanco.
- css/: Carpeta que contendrá todos los archivos .css o de estilos
- template.css: Principal archivo de estilos en base al cual haremos nuestra plantilla, se pueden utilizar otros archivos .css para la construcción de la misma pero este siempre debe existir.
- [html/]: Carpeta donde se incluirán todos los archivos que sobre escribirán las salidas o visualizaciones predefinidas en el núcleo así como el modulo chrome.
- [pagination.php]: Archivo en el cual se puede sobrescribir el modulo de paginación del núcleo de Joomla! para personalizarlo de acuerdo a nuestro diseño de sitio.
- [modules.php]: Archivo que sobrescribir la presentación de los módulos del chrome o para crear nuestros propios módulos de visualización, lo cual explicare más detalladamente después.
- [com_nombre/]: Todos los componentes tiene la siguiente estructura de nombre com_ (abreviatura de component) seguida de el nombre del componente que deseamos sobrescribir, ejem: com_content (para modificar el componente de contenido ej: secciones, categorías, artículos, página de inicio). Dentro de esta carpeta encontraremos:
- [nombre_vistas/]: Esta carpeta lleva el nombre de la vista especifica que deseamos sobrescribir, siguiendo con el ejemplo anterior algunas de las opciones de nombre serian: article (para modificar la visualización de los artículos del contenido), category (para modificar la visualización de las categorías del contenido), section (para modificar la visualización de las secciones del contenido) y frontpage (para modificar la visualización de la página de inicio del contenido). Dentro de cada uno de estas vistas tenemos:
- [nombre_diagramado.php]: Este archivo de extensión .php tiene por nombre el nombre del diagramado (layout) que deseamos sobrescribir dentro de la vista, por ejemplo si la vista del componente contenido que deseáramos sobrescribir fuera la de articulo el nombre de la carpeta (nombre_vista/) seria article y dentro de esta tendríamos que nombrar un archivo .php por cada diagramado que deseáramos sobrescribir del núcleo de Joomla! ejemplo: defaul.php si lo que queremos es sustituir la vista por defecto de nuestros artículos.
- [mod_nombre/]: Similar a los componentes solo que estos comienzan con mod_ (abreviatura de module) al cual sigue el nombre del modulo que deseamos sobrescribir, a diferencia de los componentes los módulos no poseen vistas por lo que dentro de esta carpeta viene los archivos de diagramado.
- [nombre_diagramado.php]: Su funcionamiento es similar a los archivos de diagramado de los componentes.
- images/: Como su nombre lo indica, es la carpeta donde se almacenan todas las imágenes usadas para la construcción de la plantilla.
- otros/: Podemos crear otras carpetas para mantener cierto orden dentro de nuestra plantilla, por ejemplo yo suelo crear la carpeta javascript/ para almacenar los archivos .js y así no tenerlos flotando por todo lado, también se pueden crear una carpeta swf/ para almacenar las animaciones flash que tengamos o cualquier otra carpeta que nos facilite el trabajo y lo organización de nuestra plantilla y esto no generara ningún problema si es que los declaramos correctamente en el archivo templateDetails.xml.
Nota: Es ideal colocar un archivo index.html completamente en blanco dentro de cada carpeta que creemos para nuestra plantilla incluyendo la raíz (nuestro_template/) por motivos de seguridad y así evitar el mal pase de que nuestro servidor liste los archivos en un index.html generado.
Sé que a primera vista esta estructura puede resultar algo confusa, en especial con nombres como componentes y módulos, pero realmente es mucho más sencillo de lo que parece.Madi MalsoGoogle recomienda NO REESCRIBIR URLs dinámicas
2008-09-28T19:01:00.000-07:00Así es. Google una vez más destruye otro mito SEO que durante mucho tiempo ha rondado los círculos de Webmasters de todo el mundo y es que, contrario a lo que se solía dar por hecho, Google indexa por igual páginas estáticas y páginas generadas dinámicamente (con parámetros en la URL).
Un fragmento extraído del blog de Google en el que se afirma este hecho:Myth: "Dynamic URLs cannot be crawled."
Fact: We can crawl dynamic URLs and interpret the different parameters. We might have problems crawling and ranking your dynamic URLs if you try to make your urls look static and in the process hide parameters which offer the Googlebot valuable information. One recommendation is to avoid reformatting a dynamic URL to make it look static...Mito: "Las URLs dinámicas no pueden ser rastreadas".
Realidad: Nosotros podemos rastrear URLs dinámicas e interpretar sus distintos parámetros. Podríamos tener problemas rastreando y rankeando tus URLs dinámicas si tratas de hacerlas lucir como estáticas y durante el proceso escondes o eliminas parámetros que podrían ser de mucha utilidad para el Googlebot. Una recomendación es EVITAR REFORMATEAR una URL dinámica para que luzca como una estática...
En el post que informa este hecho podrán encontrar un par de ejemplos en los que se vé que es mejor dejar las URLs con parámetros tal como están, ya que el Googlebot podrá distinguir que parámetros serán de utilidad y cuales puede descartar.
Este hecho hace que se me vengan a la cabeza dos preguntas. La primera: Si Google no recomienda el reescribir URLs dinámicas, las páginas que hacen uso de esta carcaterística de forma predeterminada (Wordpress) ¿se verán perjudicadas en su posicionamiento de algún modo?
Y la segunda: Habrá que optimizar los valores de los parámetros al igual que la URL en sí de cara al posicionamiento?
Bueno, imagino que las respuestas a ambas preguntas llegarán muy pronto.Joselo (cheche)Una nueva actualización de PageRank en Setiembre de 2008
2008-09-28T17:48:00.000-07:00
Acaba de llevarse a cabo una nueva actualización del PageRank, la correspondiente al mes de setiembre, solo un par de meses después de la última que se llevó a cabo el 26 de Julio.
En efecto, coincidiendo con su décimo aniversario, Google nos sorprende con esta nueva actualización la cual viene haciendose de forma más constante que las veces anteriores. Matt Cuts nos lo anunció así en un comentario de su blog:
El que Google nos ofrezca actualizaciones de este importante elemento más seguido nos demuestra las increíbles mejores en cuanto a capacidades computacionales y de infraestructura del buscador. Google también actualizó los backlinks de los sitios web; es decir los links que aparecen al usar el comando "link:".
Por lo visto Google no se olvidó de nosotros en esta nueva actualización ya que le dió algo de color a la barrita verde de MPR, la cual señala ahora un flamante PR1 :-)Joselo (cheche)Analiza tu estrategia SEO con Website Grader
2008-09-25T20:10:00.000-07:00En Internet uno puede encontrar infinidad de herramientas y recursos SEO que serán de mucha utilidad a la hora de querer rankear un blog o sitio web; en esta entrada les hablaré un poco de uno de estos servicios que encontré de casualidad.
Se llama Website Grader y lo que hace es otorgar una calificación a un sitio web de acuerdo a diversos criterios SEO, los cuales tienen que ver tanto con la optimización de nuestro sitio como con su posicionamiento y promoción en los motores de búsqueda y redes sociales.
Y no solo eso, Website Grader nos brinda también la posibilidad de evaluar otras páginas (la competencia directa, por ejemplo) y compararlas con nuestro sitio, de modo que tendremos una visión un poco más amplia de nuestra estrategia de posicionamiento así como la de la competencia.
¿Pero cuáles son esos criterios? Los listamos a continuación:
On-Page SEO: Realiza un análisis de:- Metadata
- Cabeceras (heading)
- Imagenes (número de imágenes en la home y si tienen el tag "alt")
- 3 páginas internas
- Nombre y edad del dominio
- Google PR, cantidad de páginas indexadas, utlimo paso del robot
- Alexa ranking
- Links entrantes
- Está en DMOz? en el Directorio de Yahoo? en ZoomInfo?
- Tiene blog?
- Ranking en technorati?
- Métodos de suscripción
- Número de registros en Delicious
- Posteados en Digg
- Tiene Feeds RSS?
- Tiene formularios?
Podrán encontrar un demo del servicio aquí.
Es cierto, podemos obtener información más completa de cada uno de los ítems del reporte generado haciendo uso de otros servicios; sin embargo, la ventaja que según veo nos brinda Website grader es que nos presenta un reporte resumido de todos los aspectos del posicionamiento que detallamos líneas arriba, lo cual nos da un panorama global del estado no solo de nuestro sitio si no también el de nuestros competidores.
¿Por que no lo pruebas? De seguro descubrirás cosas interesantes sobre tu sitio web y tu competencia.Joselo (cheche)Nube de etiquetas para Blogger
2008-09-20T16:38:00.000-07:00¡Y seguimos retocando nuestra pequeña bitácora!
Buscando una mejor manera de mostrar nuestra nube de etiquetas o "tag cloud" encontramos en Blog and Web un post interesante y sencillo a la vez gracias al cual pudimos obtener la nube de etiquetas que pueden ver en la barra lateral de MPR; luce algo así como pueden ver:
Esta es una de las primeras cosas que quise cambiar de nuestra plantilla ya que el tagcloud que viene por defecto en Blogger ocupa demasiado espacio en la barra lateral. Aunque que existen decenas de widgets que permiten modifican el tagcloud de Blogger, esta nos pareció la más adecuada por una sencilla razón: Es 100% amigable con Google.
No me pondré a explicar como llevar a cabo esta tarea ya que en dicho post explican como hacerlo de una manera muy sencilla, lo que sí voy a explicar en forma breve es como modificar los estilos y colores de esta nueva nube de etiquetas para que combine mejor con nuestra plantilla. Lo que yo hice fue, una vez instalada la nueva nube de etiquetas, copiar el código HTML y pegarlo en una página en blanco en Dreamweaver (solo el código del DIV con ID labelCloud); luego anexé a la página web el codigo CSS que figura bajo la sección "Estilos de la Nube de Etiquetas" del mencionado post; una vez hecho esto la cosa quedó más o menos así:
Llegado a este punto podrán modificar los estilos de tu nube como quieran, cambiar el tipo de letra, su tamaño, los estilos para los tags li, a, a:hover, inclusive el fondo del DIV (no olviden subir la imagen de fondo al servidor). Finalmente reemplazan el código CSS resultante a su plantilla de Blogger como se explica en el post mencionado líneas arriba, eso es todo.
Espero que este pequeño truco para blogger les haya sido útil, mientras tanto yo rogaré al diseñador de este humilde blog para que solucione el desastre que acabo de hacer ;-)Joselo (cheche)Manual de Templates para Joomla! 1.5 – ¿Que necesito para empezar?
2008-09-18T11:43:00.000-07:00Continuando con el manual para hacer Templates para Joomla! 1.5
Disculpen por la demora a la hora de continuar con el manual, no es por excusarme (bueno si lo es), pero los últimos días he estado bastante ocupado (como si a alguien le importara), de todas formas esta es la continuación del mismo.
¿Que necesito para empezar?
Bueno esta es una de las preguntas que todos nos hacemos al empezar un proyecto, bueno estas necesidades las podemos dividir en dos grupos, los conocimientos y las herramientas.
Los conocimientos que necesitamos para crear un template para Joomla! 1.5 no son requerimientos absolutos sino más bien nos ayudan a que el desarrollo del mismo nos resulte mucho más sencillo:
- Conocimiento en uso de CSS (Hojas de Estilos): Esto es bastante útil ya que nos ahorra bastante de tiempo a la hora de adaptarnos al estilo de trabajo en Joomla!, esto es mucho más efectivo si se tiene conocimiento en el uso de layouts para la construcción de sitios webs en lugar de el clásico sistema de tablas. Supongo que muchos no tiene idea de lo que hablo pero en vista de que este es un manual para principiantes y que no quiero salir del tema demasiado les coloco algunos de los enlaces por los que aprendí a trabajar con CSS y Layouts:
- htmlhelp.com (Español) Guía sencilla de CSS, que explica los conocimientos básicos necesarios para empezar.
- w3schools.com (Ingles) Una guía de referencia más completa y detallada si se salta el detalle de que esta en ingles.
- CSS cheat sheet (Ingles) Como su nombre dice una guía de referencia rápida para CSS.
- maxdesign.com.au (Ingles) A mi parecer el mejor lugar para aprender a hacer menús en CSS, si bien existe información más avanzada creo que es el mejor y no solo para empezar sino para buscar ideas.
- csszengarden.com (Español) Si bien no tiene mucha utilidad desde el punto de vista de desarrollo nos muestra lo que uno puede hacer con un diseño de layouts
- htmlhelp.com (Español) Guía sencilla de CSS, que explica los conocimientos básicos necesarios para empezar.
- Conocimiento en PHP: Este es tal vez uno de los requerimientos más importantes, es necesario el poseer conocimientos básicos por lo menos en la programación en general si es que no es específicamente en PHP, esto nos va permitir la creación de los módulos y la modificación de las visualizaciones de la página. Les menciono algunos de los sitios que me han servido de guía en esta parte:
- PHP.net (Español) No hay mejor lugar para aprender a programar en PHP que su origen, tiene muchos ejemplos, ayudas y referencias aunque no todas de ellas están en español.
- PHP cheat sheet (Ingles) Una efectiva chuleta con las principales funciones que se utilizan en PHP
- Google Tal vez la mejor forma de conseguir pedazos de código útiles
- Windows: Jajaja mentira, no es necesario, pero me pareció bastante divertido ponerlo, aunque posiblemente esto sea lo ultimo que muchos vayan a leer de este post, pero si obviametne necesitamos un SO, yo preferiria Linux, pero no hablare al respecto ya que aun me encuentro en pañales al respecto.
- Servidor Local: Para empezar lo que necesitamos es la configuración de un servidor local con soporte para PHP, en lo personal prefiero utilizar un servidor Apache, pero com soy algo ocioso a la hora de configurar prefiero utilizar el APPServ, aunque existe más opciones como el WAMP, XAMPP y muchos otros más. Estos programas instalaran otro de las herramientas necesarias como es la base de datos MySQL, ambos en verdad son para soportar el Joomla! que instalremos localmente.
- Editor de codigo: Necesitamos un editor de codigo HTML - PHP, el que se ajuste mejor a nuestras necesidades personales, al final hasta el NotePad es util para ello. Y por ultimo pero no menos importante.
- Joomla! 1.5: Creanme a veces es necesario mencionar cosas tan obvias y al final se hace costumbre.
Espero realmente que la instalación del Joomla! no les genere mucho problema, pero de ser así les agradeceria que me dejen en los comentarios para ver si puedo ayudarlos a resolver sus dudas. Espero publicar la siguiente parte del manual lo antes posibles.
Madi Malso- Conocimiento en uso de CSS (Hojas de Estilos): Esto es bastante útil ya que nos ahorra bastante de tiempo a la hora de adaptarnos al estilo de trabajo en Joomla!, esto es mucho más efectivo si se tiene conocimiento en el uso de layouts para la construcción de sitios webs en lugar de el clásico sistema de tablas. Supongo que muchos no tiene idea de lo que hablo pero en vista de que este es un manual para principiantes y que no quiero salir del tema demasiado les coloco algunos de los enlaces por los que aprendí a trabajar con CSS y Layouts:
10 cosas que debemos hacer al crear nuestro blog en Blogger (2/2)
2008-09-13T18:36:00.000-07:00Y esta es la segunda parte de esta relación de 10 tips que deberás de tener muy en cuenta si estás comenzando en el mundo de los blogs de la mano de Blogger y quieres hacerlo bien.
Bueno... comencemos.
6. Agregar los gadgets básicos en tu barra lateral.
A parte del AdSense ;-), es importante añadir los gadgets de las etiquetas, enlaces de los posts, además del enlace gráfico a nuestros feeds. Esto último es importante ya que será mas sencillo para nuestros visitantes identificar y añadir nuestro blog a sus lectores de feeds.
7. Inserta el formulario en la página misma del post
Esta es una característica que ya debería estar habilitada pero de momento solo funciona en el Draft de Blogger; con ella se pretende hacer que el formulario de comentarios aparezca al pie del mismo post y no en una ventana emergente como hasta el momento viene sucediendo. Yo intenté hacer esto pero no me resultó ya que he estado modificando la plantilla original, pero según leí es posible para aquellos blogs que estén con las plantillas por defecto de Blogger.
Para hacerlo ingresa al Draft de Blogger con los mismos datos de tu cuenta, luego vé a la pestaña Configuración y finalmente a Comentarios; en la sección "Ubicación del formulario de comentarios" seleccionar Entrada incrustada a continuación y guardar la configuración.
8. Agregar el código para la obtención de estadísticas de visitas
O sea Analytics de Google.
Existen en la red varias herramientas para hacer el seguimiento de visitas a sitios web, desde herramientas online hasta programas para instalar en el servidor, tanto para blogs como para feeds; sin embargo, pese a quien le pese, las mejores herramientas son las de Google. Google Analytics ofrece completas estadísticas y reportes sobre la cantidad de visitas a nuestro sitio web, mientras que FeedBurner (también de Google) ofrece lo mismo, pero en tus feeds.
En entradas posteriores hablaremos de ambos servicios y como configurarlos para sacarles el máximo provecho.
9. Agregar tu blog a las Webmaster Tools de Google
Con las Webmaster Tools de Google podrás administrar tu página de una mejor manera; podrás visualizar estadísticas de búsqueda y errores relacionados con tu blog. Hablaremos de esta potente herramienta también en otro post.
10. Crea un sitemap para tu blog en Blogger
Los sitemaps (o mapas del sitio) son archivos XML que almacenan en forma de un índice todas las páginas que tiene tu sitio web. Para que los motores de búsueda consideren a tu sitio más amigable y lo indexen más frecuentemente deberías tener un sitemap en tu blog.
Un pequeño truco para las personas que usan Blogger consiste en usar el archivo atom.xml como sitemap para nuestro blog; sin embargo, aunque esto es útil en muchos casos no lo es para nosotros, ya que hemos configurado nuestros feeds (ambos) en FeedBurner y por consiguiente no podremos usar el atom.xml como sitemap porque se redireccionará a nuestro FeedBurner automáticamente.
Pero aún así, buscando y porfiando :-), encontramos una manera de solucionar esto, es tan sencilla que no se puede creer, solo añade a la URL la cadena "redirect=false" y listo:
http://[URLDETUBLOG]/atom.xml?redirect=false
Ahora podrás usar esa URL como sitemap y configurarlo en tu Webmaster Tools de Google.--*--Eso no es todo, hay aún mucho por hacer en nuestro blog, esos fueron a penas los primeros (10) pasos; pero una vez que los hayas llevado a cabo tendrás frente a tí un blog más profesional, con mejor cara para Google y para tus visitantes, con herramientas más completas y profesionales para hacerle el seguimiento correspondiente y para ver como evoluciona.
Ahora solo queda lo más importante... ¡Escribir!Joselo (cheche)10 cosas que debemos hacer al crear nuestro blog en Blogger (1/2)
2008-09-11T21:25:00.000-07:00Vía Blog and Web encontré un interesante artículo acerca de las 10 cosas que debemos hacer ni bien hayamos creado nuestro blog en Blogger. A pesar de que MPR es algo reciente me dio mucho gusto ver que la gran mayoría de las cosas que se recomiendan las hemos hecho ya ;)
Bueno... comencemos:
1. Escribir la descripción del Blog.
En muchos casos, el texto que pongas en la descripción de tu blog será el que aparezca en Google a la hora de buscarlo, de modo que debes explicar en forma clara y directa de que vá tu blog. En Blogger solo debes ir al menú Configuración > Básico (Settings > Basic) redactar una pequeña descripción para tu blog.
2. Buscar e instalar una plantilla atractiva y sencilla
En Internet existen una gran cantidad de plantillas para Blogger, debemos buscar una que sea visualmente atractiva y usable a la vez. De nada sirve tener "la plantilla" cuando un usuario de a pié no puede, por ejemplo, visualizar los posts anteriores o el tag cloud del blog.
En MPR aún no llevamos a cabo este paso, y es porque diseñaremos nuestra propia plantilla... pronto, muy pronto :)
3. Comprar un domnio y usarlo con nuestro Blogger.
En mi opinión este debería ser el segundo paso, después de buscar el nombre adecuado para nuestro blog. Un dominio no está más allá de los $10 al año y es una muestra que indica que queremos hacer algo más con nuestro blog que un simple diario personal, que queremos hacer algo serio y dedicarle tiempo.
Nuetro dominio lo "compramos" de Goodaddy, que es el servicio de dominios más conocido a nivel mundial. Los dominios de Godaddy son, además, bastante sencillos de enlazar con cuentas de Blogger. En este enlace encontrarás instrucciones de cómo hacerlo.
4. Usa FeedBurner en tu Blogger
Los feeds de FeedBurner son mucho más completos que los que ofrece Bloger; además ofrecen completas estadísticas de visitas por este medio y la posibilidad de incluir publicidad en los feeds.
5. Corregir el enlace de los comentarios para verlos mejor
Esto es importante, ya que si no lo hacemos nuestros comentarios los veremos en una página genérica de Blogger y no en nuestro propio blog. Para lograrlo solo basta:
- Ir a la pestaña Plantilla > Edición de HTML, activar la opción "Expandir plantillas de artilugios" y buscar el siguiente fragmento de código:
Una vez encontrado lo reemplazamos por este otro:
Y listo. Una vez realizado esto guardamos los cambios.
Bueno, para hacerlo más interesante (o para no aburrirlos) mejor dejamos las otras 5 cosas para el siguiente post así que...
¡No se olviden de leernos mañana!Joselo (cheche)Extensiones de Firefox para el nuevo Chrome
2008-09-10T21:38:00.001-07:00Se tardaron demasiado.
Ya salieron las primeras extensiones para Firefox 3 que tienen que ver directamente con el más-que-promocionado navegador Chrome de Google.Si quieres que tu Firefox luzca como el novísmo Google Chrome esta extensión es lo que necesitas. Chrome Package es un tema que hará que tu FFx tenga el mismo look de Chromemas no la rapidez. Esta extensión aun es experimental, de modo que si estás muy deseoso de probarla tendrás que registrarte en la página de los Add-ons de Firefox.
Este es otro tema para Firefox 3 que hará lucir tu navegador como Chrome. Chromifox está mas desarrollado que el tema anterior ya que se puede descarga de la página oficial de Firefox sin necesidad de registro; sin embargo aún es un "release candidate", de modo que es muy probable que aún tenga algunos fallos hasta que salga la versión final (1.0) que será muy pronto.
Esta extensión no es más que un botón que abre la pestaña actual en una nueva ventana de Google Chrome. Como podrás imaginar para que esta extensión funcione deberás tener el Chrome instalado en tu ordenador - ¡Quién no lo tiene! - pero, lamentablemente, no se abrirá una ventana de Chrome dentro de una pestaña de Firefox, si no que se abrirá el navegado en una nueva ventana, a diferencia de IE View o IE Tab, que son extensiones que abren ventanas de Internet Explorer dentro de pestañas de Firefox.
Como habrán podido darse cuenta, las tres extensiones están algo verdes en su desarrollo, ya que mientras una de ellas es experimental y la otra es un RC, la última aún no figura en la página oficial de los Add-ons de Firefox; pero aún es muy pronto para juzgarlas.
Finalmente, es más que seguro que saldrán más extensiones en el transcurso de estos días; lo único que espero es que mejoren la utilidad que se les vaya a dar a las que vienen (o a estas) ya que, en mi opinión, las extensiones mencionadas no tienen mucha, además de ofrecer un mero cambio en la apariencia del navegador y otra cosilla más.
Bueno... en fin, habrá que esperar.Joselo (cheche)Manual de Templates para Joomla! 1.5 – ¿Que es una plantilla de Joomla!?
2008-09-09T20:17:00.000-07:00Continuando con el manual para hacer Templates para Joomla! 1.5
¿Qué es una plantilla Joomla! 1.5?
Una plantilla de Joomla! 1.5 es básicamente un paquete de archivos que se encargan de controlar la presentación de los contenidos del CMS, si bien su diseño y construcción inicial son similares a los que se realizarían en un sitio web “tradicional” la plantilla no puede considerarse por sí sola como un sitio web ya que necesita de la base de datos del Joomla! para tomar la apariencia de un sitio web completo.Estas diferencias se encuentran marcadas por la forma en que se elabora una plantilla de Joomla! a diferencia de un sitio web, lo ideal para que estas diferencias sean menos confusas es tener algo de conocimientos en el desarrollo de sitios web basados en hojas de etilo en cascada (css) y diseño de sitios webs en layouts en vez de tablas que son dos de las primeras diferencias entre la elaboración de plantillas para Joomla! y el desarrollo de sitios web clásicos que por lo general se desarrollaban en tablas.
Esta propiedad de la plantilla de ser un paquete de archivos, sumado a la forma dinámica como se relaciona con la base de datos Joomla! y su construcción a base de hojas de estilos y layouts es lo que nos permite remplazar rápidamente una plantilla por otra cambiando de esta así la manera en que se ve nuestro CMS como si hubiéramos renovado el sitio web entero pero sin las complicaciones que generaría en base a la cantidad de contenido del mismo he incluso nos permite realizar sitios dinámicos que se ajusten a los gustos del visitante como sería cambiando el tamaño de letra o incluso el esquema de colores pero ya hablaremos de esto más adelante.
En el siguiente capítulo empezare a escribir ya algo más de cómo funcionan las plantillas y que se necesita para poder empezar a construirlas, espero poder publicar el mismo antes del fin de semana, dios mediante, el que prefieran.
Madi MalsoManual de Templates para Joomla! 1.5
2008-09-09T20:11:00.000-07:00
Después de pasar muchas horas en la búsqueda de un manual para plantillas de Joomla! 1.5 me di cuenta que es una tarea bastante difícil el encontrar información al respecto, la mayor parte en ingles y las pocas traducciones, si bien son bastante buenas, son escritas para personas que tienen un mayor entendimiento del tema que yo, aun así me han servido de guía, y una muy buena, a través de mi aprendizaje, que aunque empírico en su mayoría, considero que es suficiente para empezar.Como podrán entender si me arriesgo a escribir un manual para plantillas de Joomla! 1.5 no es porque considere que sé mucho al respecto, si no, todo lo contrario, pues por experiencia propia sé que se aprende más cuando un estudio es compartido por personas que comparten un interés común y más aun cuando estas se encuentran en un nivel similar, porque de esta manera surgen menos penas a la hora de cometer errores.
Dicho esto espero que quede claro que estoy abierto no solo a sugerencias y comentarios sino a cualquier crítica y corrección constructiva que tengan acerca de este manual y del blog en general que puedan ayudarnos a mejorar.
A sugerencia de un amigo, si de esos que solo te comentan personalmente ire añadiendo los enlaces a manera de indice en esta parte:
- ¿Que es una plantilla de Joomla!?
- ¿Que necesito para empezar?
- ¿Qué cosas conforman una plantilla de Joomla! 1.5.x?
- templateDetails.xml
Madi MalsoOtro error de Telefonica Perú
2008-09-02T12:56:00.001-07:00Una vez más Telefónica nos demuestra porque es nuestro ISP ”favorito” aquí en el Perú y prácticamente el único, aunque empiezo a sospechar que esta simpatía no solo es a este nivel si no que es así en todas las Américas y posiblemente en todo el globo; supongo que no muchos entenderán mi descontento a primera vista a menos que hayan sufrido uno de sus constantes atropellos de primera mano, cómo solo un webmaster de por estos lares puede sentir. Pero bueno, enumeremos los errores más recientes y molestos hasta la fecha, al menos para mí, y a los que se pued dar algunas soluciones.- El problema de los DNS: Ya para esta fecha todos conocemos el fallo de seguridad en los DNS, en caso de ser de aquellos que por X motivos (aunque yo diría XXX, no solo para ver porno sirve el internet ¬¬) no lo saben lo comprenderán mejor aquí. Sin embargo, no es este problema con los DNS (que Telefónica del Perú no parece haber contemplado) el motivo de este post , sino específicamente a los de Telefónica, problema que ya llevamos arrastrando por cerca de dos años y que se solucionan modificando los DNS por los de OpenDNS (208.67.222.222 y 208.67.220.220); muchos lo creíamos solucionado tras la promesa de telefónica de haberlos reparado, pero la dolorosa verdad es que no ha sido así, de modo que creo que tendremos que vivir usando los DNS de open DNS hasta la eternidad o hasta q algún otro ISP decida masificarse.
- Bloqueo de IP: Después de tratar de ingresar a varios dominios, lo que al parecer me pareció simplemente el problema mencionado anteriormente con los DNS y una cruenta discusión telefónica con mi proveedor de hosting en estados unidos, hecho por el cual Telefónica hará papilla con mi ya frágil economía debido a sus “económicas” tarifas... en fin, me estoy alejando del tema, llamé al servicio técnico de Telefónica del Perú me dieron su ya conocida solución de "reinicie el Modem Router" y como por arte de magia se soluciono, al menos en parte pues empezó a fallar otro bloque de sitios web, tras una tranquila conversación me dijeron que posiblemente sean los servidores de esos sitios los que están bloqueando algunas direcciones IP de Telefónica Perú aunque a mi parecer podría ser al revés, por lo que sugeriría que si tiene problemas con su conexión o algún sitio de sus clientes no están entrando solo llamen al servicio técnico de Telefónica Perú hasta que lo vean solucionado.
Madi Malso¡Feliz Blog Day 2008 desde el Cusco!
2008-08-31T14:37:00.000-07:00
Hoy, 31 de agosto es el Blog Day 2008, y aquí en MPR no podíamos estár ajenos a esta gran celebración de bloggers de todo el mundo. Como pueden leer en la página del evento, el participar es bastante simple: solo hay que escribir un post recomendando 5 blogs de una temática y un origen distintos al nuestro, añadir un enlace al sitio del BlogDay (http://www.blogday.org) y agregar dicho post a Technorati con el tag blogday2008; como ven no es nada difícil el participar ;)
Cheche:
Mis recomendaciones son las siguentes:- Condenadito: Música para domesticar animales
- Caballo Negro: Cómic mexicano.
Y ahora...
Madi Malso
Las mias son:
Blog de la Filologa Cubana Yoani Sanchez, ganadora del premio Ortega y Gasset otorgado por el diario El Pais de España y nombrada como una de las 100 personas más influyentes del 2008 segun el Time.- Piel de Papel: Blog de Arte
Lois:
Yo recomiendo...- Busco Novia: De Renato Cisneros
Y... ¡Feliz blog day 2008!Joselo (cheche)Revisa los rankings de tu sitio web con Free Monitor for Google
2008-08-29T18:29:00.000-07:00De seguro más de uno, a la hora de querer comprobar las posiciones de sus sitios web, se ha dado la molestia de buscar su página en Google con cada una de las keywords que promocionan. De más está decir que esta tarea es harto tediosa y aburrida y, para sitios con bastante contenido, keywords e idiomas es poco menos que imposible. Afortunadamente existen herramientas que nos ahorran el trabajo y hacen las búsquedas por nosotros.
Una de estas herramientas se llama Free Monitor for Google. Con esta herramienta podremos comprobar las posiciones de nuestros sitios web para todas las keywords que estemos promocionando. El programa es gratuito y tiene una interfáz bastante intuitiva; aquí les dejo una captura de cómo trabaja.
Como dije su uso es sencillo: Solo tienes que indicar el sitio web que deseas comprobar, luego ir ingresando, una por una, todas las keywords que estés promocionando y cuando termines presionas OK. Para comenzar la búsqueda solo tendrás que ir al menú Project > Search.
Si cuentas con una API de búsqueda de Google mejor aún, ya que podrás hacer uso de ella en tus búsquedas en Free Monitor for Google. Podrás también elegir el idioma del buscador, ingresar los datos de algún servidor proxy e indicar el número máximo de resultados a buscar. El programa permite exportar los resultados obtenidos al portapapeles o a formato CVS.
Pero aunque quisiéramos no todas son buenas noticias. Por lo que pude leer en AdSeok, Google está planeando evitar que herramientas de este tipo sigan realizando búsquedas automatizadas. De ser cierto, volveríamos a vivir lo que les comenté líneas arriba.
Bueno, sea cual sea la verdad, te recomiendo usar Free Monitor for Google... o al menos hasta que el gigante lo permita ;)
Descarga | Free Monitor for GoogleJoselo (cheche)CushyCMS - Una buena opcion para web developers
2008-08-28T23:00:00.000-07:00
Uno de los tantos problemas que nos enfrentamos como desarrolladores web, en especial si somos freelancers es la creciente aparición de CMS en el mercado. Muchas veces tenemos un sitio que nuestro cliente se empecina en querer editar personalmente (algo que con suerte hará una o dos veces al año), agregando a esto que al cliente no le agrada que se aumenten sus costos.
Supongo que la gente de Cushy vio este mismo problema por que ha desarrollado CushyCMS una solución gratuita, al menos en su forma más básica que nos permite volver cualquiera de las páginas de nuestro sitio web en una página dinámica, solo basta con sacar una cuenta en su sitio web CushyCMS.com y esto nos permitirá ingresar a un simple y funcional CMS, que es algo así como un edito-ftp, donde podremos insertar las páginas que deseamos poder editar dinámicamente y que solo modificara los campos que le indiquemos mediante la simple asignación de clases, incluso soporta la creación de editores, pero basta de palabras y vean este vídeo (en ingles) que es mucho más didáctico.
Madi Malso
feedcat.net promotes your content, measures audiences
and saving load of your server resources!
*