Komodo Media vuelve a deleitarnos con sus maravillosos diseños publicando este nuevo pack de iconos gratuitos relacionados con los servicios web y las redes sociales más populares de internet. Esta última colección cuenta con más de 40 bellos iconos en formato PNG, disponibles en dos tamaños diferentes: 16×16 y 32×32 píxeles.

Como es de esperar, los diseños se comparten bajo licencia Creative Commons Atribución-No Comercial-Compartir Igual, lo que significa que puedes utilizarlos en cualquier proyecto web, blog o aplicación siempre y cuando no lo hagas con fines exclusivamente comerciales y reconozcas los derechos del autor.

Enlaces: Vista previa | Descarga

Artículos relacionados:

• 2379 iconos de diseño web distribuidos en 21 packs
• Pack de iconos futuristas creado por Dryicons
• 13 iconos de criaturas terríblemente lindos
• Vaga, un nuevo set de iconos para diseñadores web
• 14 iconos navideños de servicios web 2.0 con los que decorar tu blog.

Desarrollar un proyecto colaborativo en el que participen varios compañeros de trabajo, estudiantes, emprendedores o bloggers no es una tarea sencilla. Por naturaleza, los seres humanos tendemos a creer que tenemos una visión exacta y objetiva de todo lo que nos rodea, cuando lo cierto es que cada uno de nosotros vemos el mundo a través de una especie de “lente abstracta” construida a lo largo de los años a base de principios, valores, creencias, prejuicios, influencias sociales, etc.

A veces, tratar de poner en común distintos puntos de vista con el objetivo de trabajar sobre una misma idea puede ocasionar diversos malentendidos, desacuerdos o frustraciones que actúen como detonante del abandono del proyecto, incluso antes del lanzamiento inicial del mismo. Llevando a la práctica una serie de pautas y haciendo de la planificación tu mejor aliada, conseguirás evitar que esto ocurra a pesar de que el grupo de trabajo, blog, sitio web, o la asociación estén constituidos por personas que tengan formas de pensar totalmente opuestas:

• Nunca empieces desde cero. Te recomiendo que antes de exponer la idea al resto del grupo, dispongas de una base sólida y de varias alternativas posibles sobre las que comenzar a trabajar en común.
• Establece las directrices básicas de actuación. Describe las líneas generales de acción, las fuentes de financiación, la finalidad o la definición de la idea y las metas y objetivos a alcanzar a largo plazo (más de 1 año)
• Marca los objetivos a corto plazo en función de las metas indicadas en el apartado anterior y los propósitos que te llevaron a iniciar el proyecto, de forma que pequeñas recompensas te ayuden a lograr poco a poco los resultados finales y a construir tu “obra maestra conjunta”.
• Sé un líder incuestionable. Familia, empresa, estado… Hay una cosa que estos agentes económicos tienen en común: la necesidad de liderazgo. A pesar de que la toma de decisiones se realice de forma democrática, tu grupo también requerirá de un líder que dirija la actuación, promueva iniciativas, decida sobre ciertas cuestiones de vital importancia y tome las riendas del grupo.
• Rodéate de un buen equipo, sea cual sea su formación profesional o nivel de estudios, que esté dispuesto a trabajar, a dedicarle tiempo al grupo y a comprometerse con los resultados.
• ¡Delega!. A veces los deseos de conseguir algo hacen que uno se adjudique todas las tareas y trabaje por encima de sus límites. No tengas miedo en delegar el trabajo y asigna una o varias funciones a los distintos colaboradores, de forma que no se conviertan en meros recaderos ni se desaproveche su potencial.
• Aclara las expectativas. Asegúrate de que todos y cada uno de los miembros tengan un conocimiento inequívoco sobre la finalidad del proyecto, así como sobre sus funciones y los objetivos previstos.
• Organízate. Guarda y recopila todos los documentos generados en archivos accesibles a los distintos participantes y haz copias de seguridad. Anota los eventos en un calendario, las direcciones de contacto, solicitudes, sugerencias del grupo, ideas anexas, campañas…
• Utiliza herramientas de carácter colaborativo. Con las primeras, me refiero a aquellas que te permitan desarrollar todo lo anterior en un espacio único online, asegurando la participación del resto del equipo en el mismo. Por ejemplo: Google Groups, Project2Manage, Basecamp, Proworkflow, 5pm, Comindwork, Qtask, ActiveCollab, Zoho Projects, Wrike, DeskAway o Liquid Planner.
• Aprovecha las posibilidades de las redes sociales y los servicios web. Twitter, Facebook, Linkedin, Flickr, Youtube, Delicious, Stumble Upon… los beneficios que estos servicios pueden aportar a la consolidación y promoción del proyecto no tienen precio.

¿Hay alguna otra cuestión que tendrías en cuenta a la hora de iniciar un proyecto colaborativo?

Artículos relacionados:

• Desventajas de tener un blog a tiempo parcial.
• 13 formas de progresar con tu blog durante el fin de semana.
• 20 consejos para promocionar un concurso a través de tu blog.
• 5 lecciones que el programa Se Lo Que Hicísteis puede enseñarnos sobre blogging.
• 4 motivos por los que elegir cuidadosamente el diseño de tu blog.

La validación de los blogs se realiza de forma manual, revisándose uno por uno con el fin de comprobar que la candidatura se ajusta a las condiciones establecidas en las bases del concurso, por lo que puede que la aceptación del sitio se demore algunos días. Los premios a los que optarás son:

• Mejor blog de 2009. Elegido por el jurado, el ganador obtendrá un premio en metálico de 3.000 euros, una estatuilla y la invitación a convertirse en columnista del diario 20 minutos.
• Mejor blog por votación de los concursantes. Dotado con 3.000 euros y una estatuilla.
• Mejor blog de cada categoría. Cuyo autor recibirá un diploma acreditativo.

Por mi parte, ya he inscrito tanto a Zona Cerebral como a Videoblogic en las categorías de “Diseño” y “Multimedia” respectivamente y ambos están pendientes de ser aceptados.

¡Suerte!

Artículos relacionados:

• Ganadores del 2º concurso para bloggers de Zona Cerebral
• Gana un pack de iconos de alta calidad en el sorteo de Webappers.
• Gana un iPhone participando en el sorteo de Wikio.
• Nuevo concurso para enviar tus diseños y promocionar tu web.
• Sorteo de un theme para WordPress en WP-Premiums y WordPress Themes Market.

Personalmente, esta mención significa mucho más que un enlace desde una página web, ya que lo considero como un reconocimiento a todo el trabajo y la cantidad de tiempo invertido que hay detrás de cada una de las plantillas para Blogger adaptadas en este blog y también en el resto de sitios, recomendados o no en el post de Blogger Buzz.

Gracias a todos los que lo habéis hecho posible.

Artículos relacionados:

• BTemplates, al fin un showcase de plantillas para Blogger.
• Nuevos themes para Wordpress en Topwpthemes.com
• +40 exquisitos iconos de redes sociales
• 5 razones por las que merece la pena cambiar la plantilla de tu blog
• 13 iconos de criaturas terríblemente lindos

Hace unos días, gracias al email que recibí de Antonio Fernández (CEO) informándome sobre el próximo lanzamiento, tuve el placer de conocer el funcionamiento de este encomiable proyecto y de comenzar a participar en uno de los aspectos en los que se basará su servicio: encontrar los mejores productores de vídeos potencialmente virales en internet.

El objetivo principal de Prusland es convertirse en la próxima comunidad orientada a usuarios y productores de vídeos de calidad, tanto amateurs como profesionales, que estén dispuestos a explotar y rentabilizar todo lo posible el contenido de sus vídeos en el mercado publicitario. A diferencia de otros sistemas, en los que se insertan anuncios de pago por click de forma automática o se retribuye al creador del vídeo al alcanzar unas cifras de tráfico desorbitadas, Prusland propone un nuevo método para ganar dinero en internet a través de la publicación de vídeos.

Una vez que el vídeo haya sido aceptado y pase a formar parte del sistema, el usuario es el que decide el tipo de anuncio que se adjuntará con el vídeo, así como los acuerdos a los que quiera llegar con los patrocinadores y distribuidores encargados de promocionar los contenidos. Posteriormente, el autor del video será remunerado en función de las visualizaciones que obtenga. A continuación podrás ver todo el proceso explicado en el vídeo de presentación:

Si eres uno de los muchos usuarios que invierten su tiempo en publicar vídeos originales, pasas horas y horas buscando los mejores vídeos de la red o si puedes presumir de ser un gurú de los blogs y las redes sociales, ahora puedes seguir haciéndolo para Prusland a cambio de ganarte unos ingresos extra tentadores. Las formas de colaboración previstas, es decir, los perfiles que están buscando son:

• Productores, creadores y autores de vídeos originales (no propiedad de terceros) de calidad y con potencial viral o de rápida expansión por la red.
• Buscadores de videos, sobre todo bloggers orientados a esta temática que coleccionen y publiquen los mejores videos de internet, que tengan las características mencionadas en el punto anterior.
• Bloggers y usuarios de redes sociales más o menos influyentes, con una buena cantidad de contactos y dispuestos a participar en el lanzamiento de Prusland.

En cualquiera de los tres casos, te recomiendo que visites este post del blog de Prusland o envíes un email a la dirección info[arroba]prusland.com con el asunto “Productor de videos”, “Buscador de videos” o “Redes sociales y blogs” para obtener más información al respecto, según el perfil con el que más te identifiques.

Artículos relacionados:

• Gana dinero en internet con un blog: Temática, nombre de dominio y hosting
• Gana dinero en internet con un blog: Introducción e índice
• Trabaja como programador PHP/MySQL en Destinia.com
• Blogger seleccionado para Videoblogic.com.
• Se busca blogger a tiempo parcial en Videoblogic.com

El showcase de themes, tanto premium como gratuitos, plugins, recursos y diseños de inspiración realizados sobre temas de WordPress WP Done, pone a disposición de cualquiera que desee descargarlo de forma gratuita este maravilloso theme para WordPress, que bien podría calificarse como theme premium o de pago y ser explotado económicamente por cualquier compañía de diseño.

Entre las características más importantes de la plantilla cabe mencionar las siguientes:

• Thumbnails o imágenes en miniatura redimensionadas de forma automática mediante el uso de un script y sin necesidad de agregar campos personalizados.
• Sección de tabs ubicada en el sidebar con efecto jQuery.
• Footer o pie de página configurable con botones de suscripción y área descriptiva “Acerca de”
• Página de opciones del theme en el panel de WordPress.
• Otras peculiaridades: compatible con el cross-browser, diseño limpio, dos columnas, preparada para widgets, logo disponible en PSD, adaptada para usar Gravatar y comentarios separados de trackbacks.

En definitiva, se trata de un theme con un aspecto bastante profesional, versátil, funcional, sencillo y práctico. Es decir, un theme sobre el que a cualquier adaptador a otras plataformas de blogging le gustaría trabajar, incluyéndome a mi por supuesto.

Artículos relacionados:

• Theme para Wordpress LaunchPad. Anuncia el lanzamiento de tu blog con un estilo único.
• FREEmium, un theme premium gratuito para WordPress
• 6 themes para publicar vídeos en WordPress.
• ThemeTation, una nueva galería de themes gratuitos para WordPress.
• Theme para WordPress limpio y profesional SilveRay.

Echando un vistazo a los anuncios de los patrocinadores de un blog, me topé con un práctico, eficaz y excelente servicio web gratuito de creación de plantillas web en flash. Me refiero a Wix.com, una plataforma verdaderamente fácil de usar a través de la cual podrás crear, editar y obtener un diseño web dinámico y profesional en cuestión de minutos. Una vez que hayas generado tu diseño, basta con copiar el código del mismo que te permitirá integrarlo en cualquier blog, aplicación o sitio web, incluso de forma directa en servicios como Blogger, MySpace, Typepad o Facebook, entre otros.

Dependiendo de las necesidades que pretendas cubrir con tu blog, es posible que quieras darle un aspecto diferente a tu página principal añadiendo algunos elementos que serán visibles en primer lugar, antes de los posts del blog. En WordPress esto se consigue con sólo cambiar la configuración de la página inicial en el menú de Opciones > Lectura. Sin embargo, Blogger aún no dispone de ésta función, así que por el momento Wix podría ser una buena alternativa.

Una vez que te hayas registrado, tendrás dos opciones a elegir para comenzar a crear tu diseño en flash: empezar a partir de una plantilla en blanco o bien seleccionar alguna de las plantillas prediseñadas, aunque si desciendes un poco más abajo, verás que también cabe la posibilidad de generar widgets o elementos web específicos.

En cualquier caso, al hacer click sobre el botón “Editar” aparecerá una ventana emergente (recuerda “permitir el acceso a tu navegador” en el mensaje ubicado en la parte superior de tu pantalla) que contiene un completo editor de diseño web con el que desarrollar y personalizar a tu gusto el elemento en formato flash. Gracias a este editor podrás añadir y gestionar las páginas del diseño (menú superior derecho), configurar la página (menú superior), agregar todo tipo de secciones, widgets, imágenes, bloques de texto, botones, slideshows, galerías… (menú izquierdo) y modificar las opciones de cada elemento en cuestión al hacer clic sobre el mismo (menú inferior).

Flash en Blogger

La idea en este caso es conseguir una mayor funcionalidad y exprimir las propiedades de Blogger, integrando una sección en flash que permanezca estática con el resto del diseño establecido en la plantilla del blog. De esta forma, podrás disponer de páginas individuales, galerías de fotos, vídeos y otros tipos de contenidos en una única sección, cuyo diseño se encuentra en armonía con el aspecto de los posts y del resto de partes que componen tu sitio.

En este blog de pruebas verás un ejemplo de integración de una plantilla en flash con unas dimensiones de 1024×750 píxeles, obtenido siguiendo los pasos detallados a continuación y partiendo de la plantilla Blogger Framework.

• Entra en la sección de “Edición HTML” en Blogger y haz scroll hacia abajo hasta llegar al código HTML de la plantilla.
• Busca la sección <b:section> o el widget <b:widget> que hace referencia a las entradas del blog. Por lo general, suele ser el siguiente:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
...

• Antes de esta capa <div> que delimita la sección de los posts, crea una nueva sección en la que añadir elementos de página pegando este código:

<div id='main-flash'>
<b:section class='flash' id='flash' showaddelement='yes'>
</b:section>
</div>

• Accede al panel de edición de “Elementos de página” e inserta un nuevo elemento HTML/Javascript en la sección que has creado en el paso anterior. Después ve al editor de Wix, guarda los cambios efectuados sobre el diseño y haz clic en el enlace “Publish”, ambos en el menú “File” de la parte superior del editor. Copia el código proporcionado por el cuadro de diálogo y pégalo en el elemento HTML/Javascript de Blogger.
• Si quieres modificar el widget para suprimir los créditos e insertarlos en cualquier otra parte de tu blog, elimina las úlimas líneas del código separadas de la etiqueta de cierre del objeto </object> con el atributo <br/>:

<br/><a href="http://www.wix.com?embedID=Hf56eH7PAT9PejnRutrLZc9U4jzVnhtmSgastzfNrMieivFZd0SKkZ7UdK3lXEWaa"><b>Free website</b></a> - <a href="http://www.wix.com?embedID=Hf56eH7PAT9PejnRutrLZc9U4jzVnhtmSgastzfNrMieivFZd0SKkZ7UdK3lXEWaa" ><b>Wix.com</b></a>

• Vuelve al panel de edición HTML y estructura todo el código HTML de la plantilla, delimitando las secciones del header, el elemento en flash y los posts por una capa div contenedora como esta:

HTML

<div class='main-container'>

<div id='header-wrapper'>
...
</div>

<div id='main-flash'>
...
</div>

<div id='main-wrapper'>
...
</div>

</div> <!-- Fin de main-container -->

CSS

.main-container {
width: 1024px;
margin: 0 auto;
clear:both;
}

• Adapta el tipo de fuente, los colores y tamaños de texto, los colores de fondo del body, de los posts y de sus títulos, así como el ancho y la alineación de éstos, equiparándolos a los del elemento en flash:

body {
background:#949494;
margin:0;
color:#000;
font-family: Arial;
font-size: 10px;
}

#header-wrapper {
width:633px;
margin: 10px auto 0 auto;
}

#header-wrapper h1 {
width: 211px;
margin:0 auto;
font-size: 24px;
color:#fff;
}

#main-wrapper {
width: 633px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
margin: 0 auto;
background: #fff;
}

.post {
color: #676767;
font-size:12px;
padding: 45px;
}

.post h3 {
padding:0 0 15px;
font-size:22px;
color: #141414;
text-decoration: underline;
}

El color y el resto de características de cada objeto que insertaste en Wix, aparecen en el menú del pie de página del editor tras hacer clic sobre ellos y presionar el enlace “Edit”. Aún así, si utilizas Firefox te aconsejaría que instalaras las extensiones Colorzilla y MeasureIt, pues te ayudarán a seleccionar colores con un cuentagotas y a medir cualquier parte de una página directamente desde la barra de estado de tu navegador.

Artículos relacionados:

• Formulario de contacto para Blogger sin servicios externos
• El uso del formato de la hora (timestamp) en Blogger
• Tutorial para agregar un slideshow con una galería de imágenes o contenidos en tu blog
• Guía rápida sobre como añadir nuevas secciones en Blogger
• Manual sobre cómo decorar el enlace de comentarios en Blogger.

Además de la integración de las mascotas, los cambios más significativos que he llevado a cabo son:

• Paletas de colores. He prescindido del color verde y me he centrado exclusivamente en las tonalidades de azul del header, en algunas variaciones de negros y grises y en los colores predeterminados del theme para la sección de los posts y los widgets del sidebar. También he reformado el logotipo, integrando en él la nueva mascota del blog.
• Plantillas para Blogger. A pesar de su utilidad y del tiempo que me llevó construirlo, he obviado el slideshow que contenía las vistas en miniatura y enlaces hacia las plantillas para Blogger más descargadas del blog. No obstante, sigo manteniendo la página con la lista de todos los templates adaptados.
• Enlaces de navegación. Ahora hay tres secciones de enlaces principales, dos de ellas situadas encima y debajo del header y otra ubicada en el pie de página.
• Reestructuración del sidebar. En realidad he mantenido todas las secciones del diseño anterior, aunque he desplazado las listas de comentarios recientes y top comentaristas al footer, junto con una nueva lista donde aparecerán los posts más destacados del blog.
• Iconos sociales. Vinculados hacia los marcadores sociales más importantes para facilitar el envío de los posts y hacia mis cuentas de usuario en las redes sociales y servicios web, posicionados debajo de las actualizaciones de Twitter en el sidebar.
• Entradas del blog. En la página inicial, el enlace hacia la publicación de comentarios aparece en la esquina superior derecha de los posts. Como novedad en esta sección, sólamente se mostrarán los resúmenes de cada entrada en el index, debiendo hacer clic en el botón de “Leer más” para acceder al texto completo.

Próximamente comenzaré a adaptar el theme anterior inspirado en el original de GeekMother, manteniendo los elementos y las secciones que diseñé personalmente, para aquellos que quieran instalarlo en Blogger.

Por supuesto, os agradezco cualquier crítica, mención, sugerencia o comentario que queráis hacer sobre el nuevo aspecto del blog, ya sea en sentido negativo o positivo. Cuando se trata de gustos no hay nada escrito, así que no dudéis en compartir vuestra opinión, pues siempre será de gran ayuda y una fuente de inspiración para mejorar cada día más.

Artículos relacionados:

• Nuevo pack de iconos para tus proyectos web.
• Pregunta #2: ¿Cómo se instalan los themes y plugins en WordPress?
• 2379 iconos de diseño web distribuidos en 21 packs
• Hall of Fame de tutoriales sobre Photoshop
• Herramientas para ahorrar tiempo cuando usas Blogger

Luis, ferviente autor del blog personal El Eterno Insatisfecho, está llevando a cabo un nuevo proyecto de carácter corporativo gestionado a través de WordPress, cuya dirección es Granadaempresarial.com. Entre algunas de las cuestiones que me planteó, Luis mencionaba la siguiente:

¿Cómo puedo cambiar el tema del blog en WordPress?

Extendiendo el ámbito de la pregunta, la instalación de themes y plugins en un blog gestionado a través de WordPress se lleva a cabo de la siguiente forma:

Themes

• Descarga los archivos del theme a instalar, generalmente comprimido en formato .zip o .rar.
• Extrae la carpeta del theme en cualquier directorio de tu PC.
• Sube esa carpeta al directorio wp-content/themes de tu instalación de WordPress, ya sea mediante el panel de gestión de archivos de tu servicio de hosting o cualquier programa FTP (File Transfer Protocol o Protocolo de Transferencia de Archivos)
• Activa el theme dirigiéndote al menu Aspecto (Appearance) > Themes del panel de control de WordPress y haciendo clic sobre el theme en cuestión. En la ventana emergente que aparece mostrándote el aspecto del diseño, haz clic en el enlace “Activar” ubicado en la esquina superior derecha.
• Posteriormente, podrás editar cualquier parte del código HTML o CSS del theme directamente en el panel de control, accediendo a la sección Aspecto > Editor y haciendo clic sobre la página que desees editar de la columna lateral derecha.

Plugins

• Descarga los archivos del plugin y descomprímelos en tu PC.
• Ahora, es importante que busques información acerca de las instrucciones de instalación del plugin en la página del autor o en la página desde la que lo descargastes, puesto que dependiendo del plugin, será necesario subir la totalidad de la carpeta con todos sus archivos o bien, sólamente la página .php que lleva el nombre del plugin.
• Tras solventar esta duda, sube la carpeta o el archivo del plugin al directorio wp-content/plugins de la versión de WordPress instalada en tu servicio de hosting.
• Entra en la página de configuración haciendo clic en el desplegable “Plugins” del menú de WordPress, busca la lista de “Plugins Inactivos” y activa el plugin pulsando el enlace “Activar” (Activate).
• Por regla general, la página de configuración específica de cada plugin aparecerá en el menú de “Opciones” de WordPress.
• Si quieres modificar el código del plugin, puedes hacerlo a través de los enlaces de edición de la lista de “Plugins” o de la sección Plugins > Editor. En ambos casos, es aconsejable que primero lo desactives para evitar posibles fallos.

Artículos relacionados:

• Theme para WordPress limpio y profesional SilveRay.
• Themes para WordPress a 19-03-2008.
• Themes para WordPress a 12-03-2008.
• 22 plugins para mejorar la seguridad de tu blog con WordPress.
• Nuevos themes para Wordpress en Template Monster. Consigue un 20% de descuento hasta el 31 de Octubre.

PD: Si sigues el blog con regularidad, habrás notado que la frecuencia de actualización ha disminuido estos días. La razón principal de este hecho es la proximidad de los exámenes finales, época en la que millones de estudiantes universitarios nos vemos obligados a casi aislarnos del mundo que nos rodea y centrarnos en estudiar, o al menos en aprobar esos exámenes. De antemano, te pido disculpas por si no puedo contestar a tus comentarios o emails, a pesar de que lea todos y cada uno de ellos. Muchas gracias.

Artículos relacionados:

• Nuevo pack de iconos para tus proyectos web.
• +40 exquisitos iconos de redes sociales
• Pack de iconos futuristas creado por Dryicons
• Vaga, un nuevo set de iconos para diseñadores web
• 14 iconos navideños de servicios web 2.0 con los que decorar tu blog.