Blogger, Tutoriales

Blogger: Cómo dividir el widget de etiquetas en dos columnas

Publicado por Claudia en Noviembre 10, 2009

Etiquetas-BloggerCuando tienes muchas etiquetas y una barra lateral lo suficientemente ancha, siempre tienes la opción de dividir el widget de etiquetas en dos o más, por una cosa de orden y estética.

Hace un tiempo, Cebong mostraba una forma de crear un widget de etiquetas multicolumnas añadiendo una nueva sección en el footer o la sidebar.

En realidad, es mucho más simple de lo que parece: no es otra cosa que determinar anchos (%) para las listas de esa sección. En otras palabras, puedes hacer lo mismo si ya añadiste un widget de etiquetas a tu sidebar, pero con un código CSS simplificado a ser añadido antes de ]]></b:skin>:

#Label1 ul li{
float: left;
width: 45%;
}

A considerar:

  • El ancho (width) va a depender de cuántas columnas quiera incluir, y no siempre es exacto, porque el widget de etiquetas va a heredar el padding de las listas de la sidebar (.sidebar ul li o similar). En este caso, 45% está bien para dos columnas; para 3 columnas, quizá ande bien con 30 ó 33%.
  • El selector #Label1, puede variar. Por defecto, el widget de etiquetas (si tienes sólo uno), debiera ser Label1; pero, si tienes dos, tendrías un widget de ID Label1, y otro Label2.
  • Puedes dividir cualquier widget de lista (ejemplo, lista de enlaces) de la misma forma, averiguando su ID.

sidebar-blogger

Tags: , ,
Herramientas

Free Social Icons: Todos los íconos social media en un solo lugar

Publicado por Claudia en Noviembre 10, 2009

FreeSocialIcons

Soy de esas personas que no se pierden las recopilaciones de íconos sociales, aunque no los use en el mismo momento, o aunque no los use nunca. Las grandes recopilaciones nos dan la posibilidad de mirar y ahorrar mucho tiempo cuando buscamos íconos.

Free Social Icons compila una gran cantidad de íconos de Twitter y social media: en total, más de 100 packs de íconos de calidad para diseñadores y bloggers, entre los cuales se incluyen paquetes exclusivos. Y se va actualizando conforme van apareciendo nuevos trabajos…

Vía| 2.0 Webmania

Blogger

6 formas de compartir tus artículos en Blogger

Publicado por Claudia en Noviembre 3, 2009

Los botones para compartir contenidos son un elemento casi imprescindible en cualquier blog. No son un solo adorno: permiten que otras personas difundan tus posts para conseguir más tráfico y mejorar el posicionamiento de tu sitio.

¿Cómo incluir estos botones cuando usas Blogger? Hay al menos 6 formas de hacerlo:

AddThis

Add-This Una de las herramientas más populares. Es personalizable, soporta 50 lenguajes (se traduce automáticamente) y más de 150 servicios, incluyendo Twitter, Facebook, Myspace, Menéame y opciones para compartir por correo y agregar a favoritos.

Te da la opción de instalar en la sidebar o incluir el código en el post-footer de tu plantilla, pudiendo hacer un seguimiento de tus estadísticas (mediante registro).

ShareThis

sharethisOtra conocida opción fácil de instalar, pero que requiere registro. Se añade como si fuera un widget, incorporándose automáticamente al pie de tus posts. Eso sí, es mucho más limitado que AddThis: Aunque te da la posibilidad de mostrar botones rotatorios, es escasamente personalizable; y además, soporta sólo 45 servicios y está en inglés.

AddtoAny

add-to-any
Uno de mis favoritos: amigable, personalizable, e incorpora una gran cantidad de servicios (más de 120), incluyendo Menéame (aunque sigo extrañando a Bitácoras en el listado).
Entre las opciones de customización incluye: cambio de colores, encabezados, prioritización de servicios y posibilidad de incorporar servicios adicionales, entre otras. También te ofrece un botón adicional que facilita la suscripción a tus lectores.
Se instala manualmente copypasteando el código bajo el post-body de tu plantilla.

Wikio Buttons

wikio-buttonsEs el botón de suscripción universal para compartir y votar del cual hablaba hace meses. Puedes generarlo desde la sección de Herramientas de Wikio, escogiendo los servicios que vas a añadir. Lo que me gusta de Wikio, es que es simple pero llamativo, y que incorpora redes sociales hispanas como Bitácoras, Menéame, Fresqui y el mismo Wikio.

Si tienes problemas para incluirlo en tu blog, puedes revisar el video que preparó Wikio (para instalar como widget) o revisar el post de Rosa María para añadir en el pie de las entradas.

Pretty Sociable

pretty-sociable

Si eres lector frecuente de Mashable, sabrás que en Septiembre pasado implementaron un sistema para compartir imágenes y videos con el arrastre de tu mouse. El servicio, gentileza de Meebo (sí, el mismo sitio donde puedes acceder a tu messenger online), es pago; no obstante, puedes implementar tu propia versión – que nada tiene que envidiarle a Meebo – con jQuery. En Eliseos, Alexis explica cómo hacerlo.

Sexy bookmarks

sexy-bookmarks
Probablemente has sexy bookmarks visto en muchos blogs en inglés, con mensajes como “sharing is sexy” o “sharing is caring”. La gracia de sexy bookmarks, es el simple pero atractivo efecto mouse-hover que da “movimiento” a los íconos y hace honor a su nombre.
El plugin ha sido adaptado por CSS Reflex para ser incorporado en Blogger y recreado en su versión latina por Pizcos (recomendado). Puedes adaptar la técnica para poner tus propios botones.

¿Cuál preferir?
Pienso que siempre es mejor añadir íconos de social media de tu preferencia para que éstos se adapten al diseño. Sino, me parece que el botón de Wikio es la mejor alternativa: es funcional, estético e incluye las redes sociales hispanas.

Tags: ,
Blogger Templates

3 plantillas CSS adaptadas para Blogger

Publicado por Claudia en Octubre 28, 2009

Aunque me gustaría comenzar a producir mis propios diseños, adaptar (o “convertir”) plantillas de otras plataformas para que funcionen en Blogger sigue siendo un hobbie recomendado para todo aquel que quiera mejorar sus conocimientos en CSS y conseguir backlinks.

Estas son mis tres últimas adaptaciones, compatibles con IE7, IE8, Firefox y Chrome:

Wild Nature

Basada en el CSS de un diseño hecho por Janko Jovanovic para BlogEngine.NET (no disponible para Wordpress).

wild-nature

Características: 2 columnas, avatares para comentarios anónimos, variables para personalizar fuentes y colores, menú, estilos en el buscador de Google.

Es fácil de instalar siguiendo las instrucciones incluidas para configurar el menú y la fecha. Usa un script basado en la hora, así que es necesario cambiar la hora (no la fecha) a Miércoles, Octubre 28, 2009 (por ejemplo).

Demo & Descarga (desde BTemplates)

Earthling two

Basada íntegramente en el diseño de Free CSS Templates del mismo nombre.

earthling-two

Características: 2 columnas, variables para personalizar fuentes y colores, widgets en el footer, menú, estilos en el buscador de Google.

Puedes configurar el menú y remover o modificar fácilmente la imagen del banner situada arriba de la columna de posts, leyendo las instrucciones.

Demo & Descarga

Characterized

También diseño de Free CSS Templates.

characterized

Características: 2 columnas, variables para personalizar fuentes y colores, menú configurable, buscador interno (no es el de Google).

Al igual que Earthling two, tiene un banner que puedes quitar o modificar leyendo las instrucciones.

Demo & descarga

Siempre trato de probar cuidadosamente las plantillas, y estoy en proceso de hacer modificaciones en plantillas viejas para una mejor experiencia y una instalación más sencilla. Las sugerencias son siempre bienvenidas.

Web 2.0

Artigoo: Una forma de ganar dinero escribiendo

Publicado por Claudia en Octubre 22, 2009

No es ningún secreto que la forma más práctica de ganar dinero en internet es a través de Google Adsense y la venta directa de publicidad. Pero no es tan simple llegar a conseguir ganancias cuando recién comienzas y no conoces bien la dinámica de los blogs. Artigoo sabe sacar provecho de ello para hacer del blogging un trabajo remunerado para cualquier persona.

Artigoo

Artigoo es literalmente el Squidoo en español: una plataforma de publicación de contenidos en internet que te permite generar ganancias a partir de lo que escribes. Puedes escribir casi cualquier tipo de artículo (recetas de cocina, manuales, noticias, opiniones, etc) sin necesidad de preocuparte por la gestión de la publicidad ni tener grandes conocimientos sobre blogs o SEO.

Los pagos se realizan por medio de tu cuenta Adsense (un 90% para ti y un 10% para Artigoo, derivándose también de este último porcentaje las comisiones para tus “afiliados” o “referidos”). Ello añade transparencia al servicio: ganas de acuerdo a la cantidad y calidad de tus artículos, la temática de los mismos, las visitas, y obviamente los clicks válidos sobre los anuncios. Por lo tanto, el mínimo de cobro se realizará de acuerdo a lo estipulado en Adsense para tu país (a partir de $70 Euros o $100 dólares estadounidenses), y puedes estar seguro de que siempre vas a cobrar. A su vez, de ello se desprende otra ventaja: ganancias potencialmente ilimitadas que dependen de tu propio esfuerzo.

Características adicionales del sitio: Integración con Google Analytics, editor de artículos amigable, manuales para principiantes.

Tener un blog propio donde lo que escribes es sólo tuyo y todas las ganancias van a parar a tu bolsillo es lo mejor, pero no cabe duda de que Artigoo es un buen punto de partida para ganar dinero en internet cuando escaseas en conocimientos técnicos pero tienes la oportunidad de aprovechar el buen posicionamiento de la plataforma.