Skip to Content »

Top Blogger Templates

  • 17/10/2007
  • 11:25 am
  • unijimpe

En esta oportunidad les traemos un listado de templates para el popular servicio gratuito Blogger.com. En repetidas oportunidades me he dado con la sorpresa de encontrar templates de excelente calidad y que bien se merecen compartirlas para que los puedas utilizar.

blogger.gif

Minyx para Blogger
Originalmente creado por Mauricio Caballero para WordPress ha sido adaptado para Blogger obteniéndose un excelente resultado. Minix for Blogger

minyx.jpg

Underground
Diseño en dos columnas en colores blanco, rojo y negro basado en el diseño original de styleshout. Underground Blogger Template

underground.jpg

Blogy-Minimalista Negro
Otra adaptación de un template de WordPress, basada en Greenery de Binary Bonsai y adaptada para Blogger por BlogandWeb. Plantilla Blogy-Minimalista Negro

minimalista.jpg

Hemingway
Hemingway es un template muy popular para Wordpress que ha sido adaptado a blogger con un excelente resultado. Hemingway template for Blogger

hemingway.jpg

Red-White Web 2.0
Excelente diseño en tonalidades rojas y con muy buen acabado, tambien adaptado de WordPress y ahora esta disponible para Blogger. Red-White Web 2.0

red-write.jpg

Green Marinee
Otro popular template migrado a Blogger, tiene una excelente combinación de colores en tres columnas. Green Marinee

green-marine.jpg

Fresh Blogger Template
Un diseño muy fresco basado en colores verdes, con tres columnas es una excelente adaptación para Blogger. Fresh Blogger Template

fresh.jpg

Mas Información
Nosotros solo hemos seleccionado los que consideramos los mejores templates, pero puedo encontrar una lista mas detallada en:

Posts Relacionados

Insertar SWFs en Blogger

  • 02/10/2007
  • 10:15 am
  • unijimpe

Una tarea común para muchos bloggers es insertar archivos Flash en blogs alojados en www.blogger.com, para ello les damos las pautas necesarias para insertar adecuadamente SWFs en blogger.

Sintaxis básica
Lo esencial para insertar archivo SWF es incluir el tag object como en el siguiente código, donde rutaarchivo.swf es la ruta al archivo swf a insertar:

  1. <object type="application/x-shockwave-flash"
  2.      id="movie"
  3.      data="rutaarchivo.swf"
  4.      width="ancho"
  5.      height="alto">
  6.   <param name="movie" value="rutaarchivo.swf">
  7. </object>

Adicionalmente a esto se puede agregar varios parámetros utilizando el tag param. Por ejemplo podemos agregar el modo de transparencia (wmode), calidad (quality), color de fondo (bgcolor), variables (flashvras) entre otros.

Ejemplo
Si deseamos insertar un SWF llamado header.swf que tiene como dimensiones 700 x 80 pixels y deseamos que tenga fondo transparente y en baja calidad, tendríamos el siguiente código.

  1. <object type="application/x-shockwave-flash"
  2. id="movie" data="header.swf" width="700" height="80">
  3. <param name="movie" value="header.swf">
  4. <param name="wmode" value="transparent">
  5. <param name="quality" value="low">
  6. </object>

Insertar un vídeo de Youtube
Aprovechamos que estamos insertando SWF en blogger y veamos la forma de insertar videos de Youtube en Blogger. Sea que tenemos un video con url http://www.youtube.com/watch?v=8C7SxYzDNZk luego para insertar este video tenemos:

  1. <object type="application/x-shockwave-flash"
  2. width="425" height="350" id="movie"
  3. data="http://www.youtube.com/v/8C7SxYzDNZk">
  4. <param name="movie" value="http://www.youtube.com/v/8C7SxYzDNZk">
  5. <param name="wmode" value="transparent">
  6. </object>

Así de rápido y sencillo con código no redundante y valido para todos los navegadores. Espero les sea de provecho.

Posts Relacionados

Tutorial: Suscripción via Email

  • 08/08/2007
  • 11:14 am
  • unijimpe

Muchas personas prefieren estar actualizados con el contenido de un blog mediante el uso del email, por ello revisaremos una forma de implementar un formulario de suscripción al contenido de un blog. Para ello utilizaremos Feedburner el cual además de hacer el seguimiento de visitas al feed nos permite hacer el envío de emails cada vez que se publica un nuevo tema. Este tipo de servicios es muy importante para facilitar a nuestros lectores estar actualizados con el contenido que se publica.

feedburner.gif

Activar el Servicio
Lo primero es tener una cuenta en Feedburner y tener registrado nuestro Feed en este servicio. Luego accedemos a nuestro panel de control en Feedburner y seleccionamos el Feed al cual deseamos asociar el registro vía email, en donde seleccionamos la opción Publicize.

email-suscription.gif

Luego en la parte derecha aparecerán múltiples opciones para publicitar nuestro blog, escogemos la opción Email Subscriptions, el cual nos ofrecerá una pantalla para iniciar la configuración de este servicio, para ello existen tres métodos de envío (FeedBurner, FeedBlitz y Rmail), nosotros escogeremos el primero el cual se integra adecuadamente a nuestras necesidades. Activamos el servicio con el botón inferior Activate.

email-suscription-start.gif

Configurar el Servicio
Una vez activo el servicio, se mostrará una nueva opción llamada Subscription Management en donde podremos configurar el formulario de suscripción así como visualizar el listado de los usuarios inscritos.

email-suscription-manage.gif

Si eres usuario de Blogger, existe la opción para incluir el formulario de suscripción mediante un widget, el cual te guiará en la instalación del mismo. En el caso que utilices WordPress u otro gestor para tu blog, utilizaremos la forma manual para incluir el formulario. Para ello en esta pantalla te permite seleccionar primero el idioma y luego se generará un código HTML con el formulario, el cual debes incluir en tu página donde deseas ofrecer esta opción.

  1. <form action="http://www.feedburner.com/fb/a/emailverify"
  2. method="post" target="popupwindow"
  3. onsubmit="window.open('http://www.feedburner.com', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
  4. Enter your email address:<br>
  5. <input type="text" style="width:140px" name="email"/><br>
  6. <input type="hidden" value="http://feeds.feedburner.com/~e?ffid=1026498" name="url"/>
  7. <input type="hidden" value="unijimpe" name="title"/>
  8. <input type="hidden" name="loc" value="es_ES"/>
  9. <input type="submit" value="Subscribe" />
  10. </form>

Puedes modificar este código antes de incluirlo en tu web, teniendo cuidado de no modificar los nombres y valores de los campos del formulario. En mi caso he quitado los estilos y quitado los créditos de FeedBurner.

Configurar los Mensajes
Adicionalmente se tiene otra opción llamada Communication Preferences para personalizar los mensajes enviados a los usuarios registrados, para ello en el formulario mostrado podemos editar el Email del From, el Subject y el texto que se enviará al usuario para confirmar su registro.

email-suscription-config.gif

Configuraciones Adicionales
Aunado a estas opciones se tienen dos secciones adicionales Email Branding en donde se puede configurar el titulo, imagen, tamaños y colores de letra de los mensajes a enviar y Delivery Options en donde se puede configurar la hora de envío de los mensajes.

Como ven lo mas complicado es copiar el código HTML e incluirlo en nuestra web, el resto lo hará Feedburner, cada vez que publiques un post se enviará un email a todos los usuarios registrados con el contenido de este post.

Posts Relacionados