Maria Amparo, una amiga mía, se abrió un blog el otro día. Le sugerí que se acortara la URL -dirección web del blog- porque resulta muy larga y redundante. Y me preguntó cómo se hacía. Claro, para un blogger experimentado, es una cosa sencilla, pero para alguien que acaba de empezar puede no resultar tanto.

Para empezar, entramos, con acceder en la cuenta de Google -recordemos que Blogger es un servicio más de Google desde hace un tiempo-. Buscamos Blogger y entramos. Nos encontraremos con el Escritorio de Blogger:

Entras en la Configuración de tu blog. Una vez ahí, buscas la pestaña Publicación. Y en ese apartado es donde se puede cambiar la URL. Obviamente, blogspot.com no lo puedes eliminar, pero lo que hay antes del punto sí.

Cambias la Dirección, pones la palabra de verificación que te piden, le das a Guardar Configuración, y listo. Los efectos son inmediatos.

Aunque es muy sencillo cambiar la dirección del blog, es más que aconsejable pensar muy bien desde un principio cuál va a ser, porque si luego te dedicas a cambiarla cuando te canses, es muy posible que rompas enlaces externos que apunten a tu blog y luego resulte casi imposible localizarlo.

Por otro lado, mi amiga también me preguntaba cómo cambiar su nombre de usuario o de autor en Blogger. Este nombre es importante, pues luego será el que firme los posts o entradas y los comentarios que hagas por ahí, además de encabezar el perfil de tu cuenta. Al igual que la dirección, también es importante elegirla bien desde el principio para no marear en la Blogocosa, escribiendo cada vez con un nombre distinto, por ejemplo.

Para cambiar o establecer el nombre de usuario o autor, hay que volver al Escritorio de Blogger. Una vez ahí, seleccionar Editar Perfil, como muestra la imagen:

Y una vez dentro buscas Nombre Mostrado, y pones el que te gusta. Los campos Nombre y Apellido puedes dejarlos perfectamente en blanco, con el fin de preservar tu intimidad, si es tu deseo.

En esta misma página, ya que estamos, podemos subir el avatar de usuario -Fotografía-, que saldrá en los comentarios y en nuestro perfil, los datos que estimemos oportuno publicar sobre nosotros, establecer un correo para que puedan ponerse en contacto con nosotros, información sobre nuestros gustos personales, etc.

Una vez tenemos claros los cambios, para que sean efectivos hay que pulsar, antes de salir, el botón que hay abajo del todo que pone Guardar Perfil.

No, no se trata de una invitación a que leáis más en los blogs de Blogger, sino del típico truco de esconder parte de las entradas en la vista de la página principal.

Este hack lo publicamos a petición de PDD20 y de Irene.

En primer lugar, tras la salvaguarda habitual de la plantilla, pues vamos a hacer unos cambios importantes en ella, buscamos estas líneas entre el código, tras Expandir plantillas de artilugios:

Es el lugar de la plantilla donde van los posts. Justo a continuación, dejando un par de saltos de líneas para tenerlo todo un poco más ordenado, pegamos estas nuevas líneas:

Es un código con condicionales (if). Es la parte que le dice a Blogger si estamos viendo la página principal o si se trata de una entrada en concreto. En concreto le está diciendo que se oculte algo a partir de cierto punto, y que se muestre algo en su lugar en la página principal.

Para ello, tenemos que decirle que será ese algo, que puede ser un texto o una imagen. Buscamos esta linea en el código:

En este caso es un simple texto que dice Leer más... Pero podemos poner cualquier otro, o poner una imagen en su lugar, para lo que alojaremos la imagen en nuestro servidor habitual o en Picassa, y una vez tengamos su dirección web o URL, en vez del código anterior, pondríamos este otro:

Se puede centrar o alinear a la derecha. En mi blog lo tengo alineado a la derecha. El código que tengo para ello es este:

Las etiquetas <i> y <b> son para cursiva y negrita, respectivamente. En principio, es posible el uso de casi cualquier código html en esta parte.

A partir de aquí, cada cual con su imaginación haga lo que quiera.

Guardamos los cambios en la plantilla y continuamos al siguiente paso.

Vamos a colocar el corte en los posts, pues este hack no es automático, y el autor de las entradas tiene que decidir hasta donde se verá el contenido de cada una de ellas en la página principal.

Creamos una nueva entrada, o abrimos una existente, en Edición de HTML, y situamos lo siguiente justo antes de la parte que queremos esté oculta en la página principal:

Y al final de todo el código de la entrada, cerramos la etiqueta con un simple </span>.

De nada sirve visualizar en Vista previa, porque no veremos el efecto, así que publicamos, abrimos el blog por la página principal y comprobamos que los posts editados se interrumpen por la parte deseada.

Esto es todo lo que hay que hacer para que el truco funcione, pero tengo que hacer unas consideraciones de importancia a quienes os aventuréis a implementarlo:

Hola amigos.

Este artículo y los siguientes con este título, van dirigidos a todos aquellos usuarios de la red que aún no se han atrevido a crear un blog, por verlo o creerlo complicado o porque carecen de tiempo para estar investigando de los pasos a seguir para crearlo.

Todos tenemos una afición, algo que contar o algo que dar a conocer a los demás, pues a veces sin querer y sin saberlo, hay personas que tienen dentro de su mente pensamientos e ideas que nos puedan servir a los demás.

Por eso, os animo a que si no lo habéis hecho aún, os lancéis a crear vuestro propio blog.

Vamos a centrarnos en Blogger y en Wordpress, por ser los sitios más comunes. Si os fijais, vereis que es muy sencillo crear un blog, y que en todos los sitios se hace de manera muy similar.

Y ya está creado el blog. A partir de aquí ya puedes publicar lo que quieras :)

Poco a poco seguiremos viendo y aclarando cosas que te van a resultar útiles y sencillas.

Un saludopides.

Hola a todos!

Eva nos pide a través del formulario de contacto si existe alguna manera de "recuperar" un blog que ha sido suprimido.



La respuesta es SI. Desde hace un par de meses. Y además, de una manera muy sencilla.

Para comenzar ingresamos en blogger.com con nuestros datos de usuario. Tras esto vamos al escritorio.

Ahi, nos aparecerá el blog (o lista de blogs) que hemos creado desde esa cuenta de usuario.



Al final de ese listado, nos aparecerá el blog o blogs que hemos eliminado.



Daremos a "Recuperar" este blog. Tras esto nos aparecerá un mensaje debajo de "Escritorio" avisandonos de que nuestro blog ha sido recuperado :)

Irene nos consultó a través del correo lo siguiente:

"Me gustaría saber como se logra el efecto para que el header se mueva cada vez que apoyas el cursor encima"

El efecto se logra de una manera muy sencilla, ya que los cambios que tenemos que hacer en nuestra plantilla, son mínimos.

Si os habeis fijado en los blogs de Yenodeblogs, en todos se ha incluido ese efecto, pero, además de afectar al header, afecta a los enlaces del blog (Titulos de las entradas, enlaces a las entradas, links, etc.)


En primer lugar, buscaremos donde se encuentra el código que afecta a los links.
En la mayoría de las plantillas lo encontraremos en

Una vez localizado, nos colocaremos después de a:hover {

Y ahora añadiremos los valores que le daremos al movimiento. Escribiendo en una segunda linea el valor de "top" , "left", "bottom" o "right"

Con top estamos añadiendo el movimiento hacia abajo.
Con left hacia la derecha.
Si queremos que el efecto sea hacia arriba pondremos bottom.
Y si lo queremos hacia la izquierda pondremos right.

Además podremos elegir lo marcado que queremos que se vea este efecto. En nuestro caso el valor que le hemos dado es de 1px, pero si quieres que el efecto se note más, deberas darle un valor de 2px, o más.


Un ejemplo de esto seria:
top:1px;


- En el caso de blogconsejo, el movimiento se realiza con top y con left. Debeis tener en cuenta que si poneis top, no podeis poner bottom, y si poneis left no podeís poner righ, ya que no existiría movimiento alguno.

- Si quereis que el movimiento solo afecte al header, debereis realizar los mismos pasos pero en el codigo que afecta al header :)

- Solo será visible en el header si la cabecera está incluida en el elemento de la cabecera que nos muestra en - Elementos de Página-, si la imagen de nuestra cabecera está incuida en el código de la plantilla no se verá el movimiento.

¿Tenéis un blog en Blogger y os gustaría tener emoticonos o emoticones para los comentarios? Pues continuad leyendo...

Antes de hacer nada conviene que os busquéis unos emoticonos que os gusten. Aparte del servicio del que yo los tomé, http://smilies-gifs.com/, no os voy a recomendar ningún sitio en concreto, pues sitios así los hay a montones y no sabría orientaros. Además, es cuestión de gustos sobre todo...

Una vez elegidos los monigotes, hay que alojarlos en algún servidor. Tres sitios son recomendables para ello:

Para BlogConsejo estoy utilizando el último servicio. No obstante, yo recomiendo usar uno de los dos primeros para más seguridad.

Una vez alojados los archivos, tomamos buena nota de sus direcciones, porque las vamos a necesitar muy pronto.

Lo siguiente que necesitamos es un script para transformar determinadas combinaciones de letras en las imágenes de los emoticonos. Lo tenéis tras este enlace, en un archivo comprimido.

Descomprimimos y abrimos el archivo con un editor de textos, tipo Bloc de Notas. Localizamos estas lineas y ponemos las direcciones web de nuestras imágenes en sus lugares correspondientes:

Sustituimos todo el texto que está en rojo por sus correspondientes direcciones, con el http:// incluido, y guardamos el archivo.

A continuación, lo subimos a un servidor. Yo lo que hago es cambiar la extensión .js del archivo a .txt y lo subo a Google Sites. No aconsejo, bajo ningún concepto, subir este archivo a SkyDrive, porque aunque recién subido funciona, a las pocas horas te cambian la URL y ya no te va.

Una vez subido, podemos hacer una llamada al script cualquier punto de la plantilla antes de </head>:

O bien, podemos hacer lo que aconseja JMiur de Vagabundia, de hacer que se cargue sólo cuando se abre una entrada concreta, aligerando la carga de la página principal. ¿Cómo? Colocando estas líneas de código justo antes de </body>, o justo antes de la side bar, es decir, antes de una linea que pone <div id='sidebar-wrapper'> o similar.

Yo lo he puesto en mi blog antes de </body> y, aunque ahora los emoticonos son los últimos en cargar, la página entera tarda menos en cargar.

Por último, el script que facilitamos está preconfigurado para funcionar sólo en los comentarios. Si queréis que funcione en más sitios, antes de subirlo deberíais buscar dentro del código del script esta línea:

Y entonces, entre los corchetes donde está ['comment-body'] añadir, separado por comas, las clases que queráis poner del blog para que funcionen los emoticonos en ellas. Por ejemplo, si en el ejemplo anterior, queremos que funcione también en las entradas, pondríamos lo resaltado en rojo:

Seguramente se han quedado cosas en el tintero. Si tenéis alguna duda, no dudéis en comentarlas.