THEbatzuk.org

¿Te gusta escribir post muy muy largos, con mucha información clasificada bajo varios títulos?, ¿te gustaría que tus posts tuvieran un índice? ¡Pues entonces estás en el lugar indicado!

Jaja que mam*n estuvo eso pero ya que… Si no saben a que me refiero con “Índice en el post” visiten esta entrada que hice como prueba: Prueba índice en post.

Para hacer el índice, escribimos algo así:

<a href=”#1″>Planteamiento</a>
<a href=”#2″>Nudo</a>
<a href=”#3″>Desenlace</a>

Como ven, son enlaces. Sin embargo el símbolo ‘#’ le dice al navegador que, en la página en que estemos, se desplace hasta donde esté el nombre ’1′ o ’2′ o ’3′.

El siguiente paso es crear ese ‘nombre 1′. Para eso escribimos algo así:

<a name=”1″>Planteamiento.</a>
Texto normal y corriente…

<a name=”2″>Nudo.</a>
Más texto normal y corriente…

Y así de simple hemos creado un índice en nuestro post.

Consejos:

Si vas a utilizar los índices muy seguido conviene ser más específico en las nombres. En lugar de ponerle ’1′, podrías ponerle ‘planteamiento’ o ’1-plan’, porque hay problemas cuando los nombres se repiten en la misma página.

Si utilizas el editor de Blogger nunca escribas en ‘Redactar’. Escribe en ‘Edición de HTML’ y usa la vista previa. Si te pones en ‘Redactar’ después de escribir el primer código, Blogger automáticamente lo transformará a algo así:

<a href=”http://www.blogger.com/post-edit.g?blogID=74893424154127434&amp;postID=2998964798454221083#1″>Planteamiento</a>

Lo cual resultaría en un tremendo error. Pero con estas precauciones seguro que sale todo perfecto.

¡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.

Seguir leyendo…

Pues TwitThis es una página que te permite poner un botón o un enlace debajo de tus posts para que tus lectores puedan enviarlos a Twitter. Pero está bastante engorroso. Cuando haces clic en el enlace te manda a una página de TwitThis, donde tienes que escoger una frase (todas están en inglés) que acompañe a tu Twit y luego te manda a Twitter, donde finalmente lo publicas.

La verdad no me gustó y había visto en algunos blogs de WordPress un sistema más sencillo, el cual te manda directamente a Twitter, sin ningún intermediario incómodo. ¡Y sí pude ponerlo aquí en mi blog!.

El código es este:
<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url' title='Coméntalo en Twitter'>Manda este post a Twitter</a>
Y ahora vamos a analizarlo parte por parte:

• <a expr:href=’”http://twitter.com/home Esto nos manda a nuestra página de inicio de Twitter, o al Login si no estás Logeado.
• ?status=Leyendo “ Esto nos manda directo a al cuadro de texto donde escribimos nuestras actualizaciones. Lo que pongas entre el igual (=) y la comilla (“) es lo que aparecerá en el cuadro. En este caso aparecerá ‘Leyendo’ pero lo pueden cambiar por lo que quieran.
• + Ahora a ‘Leyendo’ le vamos a agregar más cosas, para eso usamos el signo de más (+).
• data:post.title Con esto, aparecerá el título de nuestro post.
• ” “ Agregamos un espacio.
• data:post.url Con esto, aparecerá la URL de nuestro post.

Esos son los elementos principales, los cuales podemos modificar o cambiar en su orden. También pueden modificar el atributo title o usar una imagen en lugar de texto. Para esto el código quedaría así:
<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.title + " " + data:post.url' title='Coméntalo en Twitter'><img src="URL-de-la-imagen"/></a>
¿Pero donde pongo esto? Pues lo mejor es ponerlo en post-footer, es decir:

• Vas a Edición HTML
• Guardas una copia de la plantilla (por si las dudas)
• Expandes los artilugios
• Buscas <div class=”post-footer-line post-footer-line-4″> , o puede ser 2 o 3
• Y pones tu código ahí

Al hacer clic en el enlace, el Twit quedaría así:

Listo para que solo hagan clic en ‘Update’. La verdad no sé si alguien ya haya hecho esto en Blogger (no veo porque no, es muy sencillo), pero yo lo deduje por mi cuenta. Así que si este tutorial ya existe en otra parte pues les aseguro que no lo copié.

Pienso que ha de haber bastantes personas que, como yo, se sientan bastantes desorientados después de hacer un cambio de ‘.blogspot.com’ a ‘.com’ (o cualquier dominio propio), así que voy a hacer este pequeño tutorial para ayudarlos.

1. Volver a poner su blogroll. Si tenían el widget que Blogger proporciona, ya no funcionará. Tendrán que volver a introducir las direcciones de sus blogs favoritos.

2. Cambiar los enlaces internos. Cambiar cualquier dirección que hayan puesto ustedes hacia su mismo blog. Por ejemplo: el archivo, las categorías, las tags y la mayoría de esos enlaces se actualizarán solos, pero por los enlaces del menú, en el que yo mismo puse las direcciones los tuve que cambiar.

NOTA: Si cambian ‘http://estoyenunrincon.blogspot.com/2008/09/malos-habitos.html’ por ‘http://www.estoyenunrincon.com/2008/09/malos-habitos.html’ funcionará perfectamente.

3. Actualizar tu cuenta de FeedBurner. Acceden a su cuenta y hacen clic en ‘Edit Feed Details…’. Lo único que tienen que cambiar es donde dice: ‘Original Feed’ y cambiar su feed por el de su nuevo dominio. Por ejemplo:

Si tu feed era,

http://estoyenunrincon.blogspot.com/feeds/posts/default

tu nuevo feed será:

http://www.estoyenunrincon.com/feeds/posts/default

Si les muestra un error significa que su dominio aún no está activo por completo, esperen un día o dos y vuelvan a intentarlo.

4. Actualizar tu cuenta de Google Analitycs. Acceden a su cuenta y hacen clic en ‘Editar’ (está en la tabla a un lado de ‘suprimir’), volvemos a hacer clic en ‘Editar’ (en la esquina del primer cuadro) y en donde dice ‘URL del sitio web’ introducimos nuestra nueva dirección.

5. Recuperar tus enlaces. Visita a quienes te tengan en su blogroll y pídeles que cambien la dirección.

6. Hazte un sitemap. Visita Webmaster Tools de Google, agrega y verifica tu nuevo dominio. Ve al apartado ‘Sitemaps’.

La dirección que tienes que añadir es esta:

atom.xml?redirect=false&start-index=1&max-results=500

Y listo, ya tienes tu SiteMap. En unos días Google va a indexar completamente tu sitio.

7. Configurar tu dirección. A estas alturas ya has de haber decidido si vas a utilizar tu ‘www’ o no. Es decir, si tu dirección será http://www.estoyenunrincon.com/ o http://estoyenunrincon.com/. Entonces ahora tienes que decirselo a Google.

Ya que estamos en Webmaster Tools vamos a ‘Configuración’ y en ‘Dominio preferido’ escogemos el dominio que vayamos a utilizar.

8. Actualizar los directorios. En Technorati, Bitácoras.com, Blogalaxia, o cualquier otro directorio en que te hayas registrado tendrás que registrar tu nueva dirección. Deja la antigua y después de unos meses es mejor que la borres.

9. Anunciarlo. Es una buena idea hacer un post en el que comentes el cambio e invites a tus usuarios a cambiar sus enlaces hacia tu blog.

Bueno, espero que a alguien le sirva.