Hace unos días hice un tutorial sobre cómo poner miniposts o asides entre los posts en un blog de Blogger. Funciona perfectamente, pero ahora he encontrado una mejor y más cómoda manera de integrarlos.
Con el otro método era necesario agregar manualmente un código a cada minipost que quisiéramos publicar. Ahora, con solo poner una etiqueta específica, obtendremos un minipost. Pasemos al tutorial…
¡Actualización!: He encontrado una mejor y más eficaz manera de integrar miniposts en Blogger. Aquí el tutorial mejorado: miniposts en blogger.
Gracias a un tutorial en Vagabundia pude poner asides en mi blog, es decir, post cortos y con una apariencia diferente a los demás posts.
Sin embargo creo que ese tutorial es demasiado amplio: aunque explica muy claramente todo, al final ne te queda muy claro por donde empezar. Por eso intento hacer este tutorial un poco más específico que el de Jmiur para poner asides en un blog de Blogger.
Hay miles de formas para modificar la apariencia de los comentarios en Blogger, sin embargo el formulario es algo que Blogger nos pone directamente sin posibilidad de modificaciones. No me quejo, tiene todo lo necesario para funcionar perfectamente, pero puede parecer muy confuso para quienes no tienen experiencia en estas cuestiones.
Así que vamos analizarlo:
Primeramente está el campo en donde escribimos nuestro comentario. Luego está, “Comentar como:” y una lista desplegable. Las diferentes opciones son:
Cuenta de Google. Al usar cualquier servicio de Google (GMail, Blogger) creamos una cuenta con Google. Al seleccionar esta opción y publicar tu comentario, lo más probable que tengas que ingresar a esa cuenta. Tu nombre publicado será el que usas en esta cuenta.
Live Journal, WordPress.com, TypePad y AIM. Más o menos lo mismo, si tenemos una cuenta en alguno de estos servicios, lo seleccionamos y al publicar tu comentario deberás ingresar a esa cuenta. Tu nombre publicado será el que usas en esta cuenta.
OpenID. Su objetivo es unificar todas nuestras cuentas en una sola. La verdad no lo he usado pero pueden ver qué es en Wikipedia y probarlo en OpenID.
Nombre/URL. Al seleccionar esta opción, se mostrará un pequeño recuadro donde podrás escribir tu nombre y relacionarlo con cualquier dirección URL. Si no tienes un blog, una página web, ni nada, pues entonces solo escribes tu nombre y dejas el campo de la URL en blanco.
Anónimo. Al seleccionar esta opción le estás causando una gran decepción al webmaster, ¡al menos déjanos saber tu nombre!, o ya de perdida tu nick.
La mejor opción es comentar usando la cuenta de algún servicio. Si no utilizas ningún servicio, puedes revisar OpenID. Si no quieres engorrarte utiliza la opción Nombre/URL, para que pongas tu nombre.
Algunas veces mientras añadimos widgets (gadgets, cosas) a nuestro blog, notamos que queda mal alineado o nos gustaría subirlo o bajarlo un poco. Pues en este post les diré como hacerlo.
1. Ingresamos a Blogger y vamos a ‘Diseño’, identificamos el widget problemático y ponemos el puntero encima de ‘Editar’. Nos fijamos en la parte de abajo del navegador en la dirección que nos muestra.
Después de widgetID= está el nombre de nuestro widget. En este caso el nombre es “HTML2″.
2. Vamos a ‘Edición HTML’, el siguiente código lo ponemos en la parte CSS de la plantilla. Si no sabes que es eso, pues ponlo justo antes de ]]>.
#HTML2 {
}
Sustituyendo claro, el “HTML2″ por el nombre que obtuvimos en el paso 1.
3. Para poder mover el widget, necesitamos algo que se llama padding. Suponiendo que queremos bajarlo un poco, entonces ponemos esto:
#HTML2 {
padding-top: 10px;
}
Si queremos subirlo sería padding-bottom, derecha e izquierda es padding-right y padding-left respectivamente.
Lógicamente, si queremos moverlo más aumentamos los pixeles (20px, 45px, 7px). Ahora es solo cuestión de probar y mover hasta que nos guste el resultado.
Ahora, supongamos que queremos moverlo hacia abajo y a la derecha, nos quedaría algo así:
#HTML2 {
padding-bottom: 10px;
padding-right: 25px;
}
Para ahorrar un poco de código lo podríamos resumir así:
#HTML2 {
padding: 0 0 10px 25px;
}
Podemos incluir las cuatro ‘direcciones’ en un solo padding en este orden: arriba izquierda abajo derecha. Ponemos ceros en los que no queremos utilizar.
Eso es todo, espero que les sea de utilidad.
Bueno en realidad solo son dos pero son bastante útiles. Tal vez muchos ya los conozcan pero nunca está de más darles una recordada.
1. En cuestiones de URL (la dirección) no hay letras acentuadas ni eñes, por lo que un título así:
¿Qué día es hoy?
tendría un URL así:
http://www.estoyenunrincon.com/2009/01/qu-da-es-hoy.html
Lo cual sería muy poco significativo para los buscadores. Si quieres que tu URL quede correcta entonces no utilices acentos ni ‘eñes’ en tu título:
¿Que dia es hoy?
para que la URL te quede así:
http://www.estoyenunrincon.com/2009/01/que-dia-es-hoy.html
Y ahora, después de publicarlo, puedes ponerle los acentos al título ya que la URL ya no cambiará.
Así cuando alguien busque en Google ‘¿Qué día es hoy?’ aumentarán tus posibilidades de salir en esa búsqueda, ya que coincidirá el título y la URL, y si además pones esas palabras en el texto pues mucho mejor.
2. Este consejo es más técnico. Blogger pone por defecto los títulos de los posts así:
“Titulo del Blog : Título de Post”
Pero la mejor manera de mostrarlo sería:
“Titulo del Post | Título de Blog”
Y para lograr esto vamos a la edición HTML de nuestra plantilla, buscamos este código:
<title><data:blog.pageTitle/></title>
Y lo sustituimos por esto otro:
<b:if cond=’data:blog.pageType == “item”‘>
<title><data:blog.pageName/> : <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Y listo, los dos puntos (:) del segundo código los podemos cambiar por cualquier otra cosa, yo tengo una barra | (ctrl+alt+1) o pueden poner una flecha → (alt+26) o cualquier texto que se les ocurra.
Bueno eso es todo, espero que alguien le sirvan.
Actualización: Al parecer Blogger ha mejorado esto de los títulos y ahora sustituye automáticamente las ‘ñ’ con ‘n’ y las letras con tilde por letras normales.
¡Gracias Ro.!