Plantillas para Blogger, recursos y herramientas

Blog sobre blogging, utilidades para crear un weblog y ganar dinero en internet.

Crea miniposts o asides en blogger con Twitter.

Si es la primera vez que visitas este sitio, quizás te interese suscribirte al feed RSS o participar como blogger invitado. ¡Gracias por tu visita!

twitterrific_iconLos miniposts o asides te permiten publicar un pequeño resumen, adelanto o titular de una noticia sin necesidad de crear un post completo. Las posibilidades que ofrece este formato de información son infinitas y como puedes el tamaño que ocupa no es mayor que el de cualquier barra de navegación. Puedes usarlo para comunicarte con tus lectores con una mayor frecuencia, anunciar un evento, compartir un enlace, revelar el título de tu próximo artículo… el límite lo pone tu imaginación.

Existen multitud de plugins para Wordpress cuya función es integrar este tipo de servicios en el blog. En el caso de Blogger, también es posible insertarlo directamente desde la página de Twitter mediante un widget o elemento de página, o bien de forma manual copiando el código y agregándolo al elemento en cuestión. Aquí puedes ver los pasos a seguir para instalar una barra con un minipost, como la que puedes ver en este blog:

  • Si aún no estás registrado, entra en Twitter y crea una nueva cuenta de usuario.
  • Entra en mi página de usuario y haz click en follow debajo del nombre para seguir mis actualizaciones. Este paso no es imprescindible, pero así no te perderás novedades como esta y además conseguirás un seguidor más ;)
  • Accede a la página de “Badges” situada en los enlaces de la parte superior. Haz click en el botón de Blogger y configura las opciones sobre el número de actualizaciones y el título según tus necesidades. Como puedes ver, en este blog sólo se muestra la última actualización y se ha eliminado el título y el enlace hacia la página incluye una imagen de Twitter.
  • Haz click en “grab the code” para obtener el código HTML del widget.
  • Ve al apartado de edición HTML de la plantilla en Blogger, crea un apartado debajo del título o de la barra de navegación en tu blog. Dirígete al apartado de “elementos de página” y añade un nuevo elemento HTML/Javascript en la sección. Si no sabes como hacerlo, puedes echarle un vistazo a esta entrada sobre cómo crear una plantilla para Blogger, dejar un comentario en la entrada o enviarme un e-mail. Pega el código anterior de Twitter dentro del elemento en cuestión.
  • Puedes personalizar el aspecto del widget a través del código CSS. Para ello tienes que añadir las siguientes etiquetas en el apartado de código CSS de tu plantilla:

#twitter_menu { ///* Este es el nombre del “id” de mi nueva sección. Cámbialo por el tuyo para personalizar este apartado *///
margin: 0;
border: 0;
padding: 0;
width: 801px;
height: 30px;
}

#twitter_div {
margin: 0;
padding: 0;
font: normal 11px arial;
background: #fff url(URL DE TU IMAGEN DE FONDO) repeat-x;
color: #333;
width: 801px;
height: 30px;
border-top: 1px solid #B5BDC8;
border-bottom: 1px solid #B5BDC8;
}

#twitter_update_list {
list-style-type:none;
text-align: left;
padding: 5px 0 0 246px;
margin: 0;
}

Este es el código que yo utilizaba en mi página. Tendrás que modificar las distintas opciones para adaptarlo al tamaño, aspecto y espacios de tu blog.

  • Si también vas a incluir una imagen o un icono de Twitter, no te molestes en buscarla por internet. Estuve una hora buscando un icono de Twitter en PSD o en PNG con el fondo transparente para adaptarlo al blog y sólo encontré dos, uno con el texto de la web y un botón redondeado. También encontré la imagen del pajarito, pero tuve que recortarle el fondo para poder personalizarlo. Puedes descargar desde aquí estos iconos de Twitter.

Si tienes cualquier duda o sugerencia no dudes en dejar un comentario. También puedes compartir esta entrada en cualquier red social con tan sólo hacer click en los botones del pie de página.

Publicado en: Blogger, Recursos, Tutoriales

10 Respuestas en “Crea miniposts o asides en blogger con Twitter.”

1
Cyberespia August 28th, 2007 at 10:43 pm (#):

Gracias por los iconos justo estab buscando ellos para adaptarlos a mi plantilla…

2
Iván Cotrina Castaño August 29th, 2007 at 12:57 am (#):

De nada. Me alegro de que te puedan servir ;)

3
Punto Baires October 3rd, 2007 at 4:19 pm (#):

heeee, me estas rompiendo de nuevo las…zonas cerebrales que me quedan jeje, sabes que no entendi ? primero no me salio el grab the code y de alli para adelante, lo seguire probando, saludos jejejej

4
Iván October 3rd, 2007 at 7:06 pm (#):

Mejor que no te rompas mucho las… zonas del cerebro XD Entra en Twitter, Badges (menú superior) y haz click en Blogger. Te tiene que salir esto:

If you’re not using new Blogger layouts, just grab the code and insert it into the sidebar of your blog template.

Un saludo ;)

5

[...] esta entrada puedes ver cómo modificar el código para mostrar tus actualizaciones en lugar de las [...]

6
Marbot January 11th, 2008 at 7:09 pm (#):

¿Cómo haces para que aparezcan los links una vez que el mensaje de twitter está en el blog?

7
Iván January 12th, 2008 at 11:24 am (#):

Utilizo un programa llamado Twitteroo que te permite introducir direcciones url modificadas para que ocupen menos espacio. Es muy útil y te brinda la posibilidad de actualizar tu Twitter desde el escritorio de tu PC.

Un saludo ;)

8
Doodee February 1st, 2008 at 7:09 pm (#):

Thanks for sharing

9
Iván February 2nd, 2008 at 2:02 pm (#):

No problem mate. I’m glad you like it. Regards ;)

10

[...] mensaje de bienvenida predeterminado, bien por otro mensaje similar, por un bloque de anuncios, por miniposts o asides de Twitter, [...]

Patrocinados

Templates, layouts, themes and designs for Blogger (blogspot)
Anúnciate

Adicons

Categorias

Posts populares

Los que más comentan

Encuesta

  • Escribes en tu blog para...

    Ver resultados

    Loading ... Loading ...

Mini Posts