Chorraditas para blogs

Cómo quitar la barra de blogger

noreply@blogger.com (Yolanda) — Fri, 15 Feb 2008 09:51:00 +0000

Puede ser muy cómoda la barra de blogger a la hora de acceder a nuestro blog en la primera sesión, pero a otros nos puede parecer que no pinta nada ahí en cuestión de la estética del blog. Para los que piensen de la segunda forma, aquí tienen una solución. Para empezar entemos que acceder al blog y dirigirnos a la sección de Diseño-Edición de HTML. Nos va a aparecer el código de la plantilla, de ahí no tenemos que saber nada, lo único que tenemos que haces es buscar la etiqueta <'head'> (sin las comillas de dentro). Pues bien, debajo de la línea donde encontramos esa etiqueta, tenemos que pegar el siguiente código:Pues ya está, sólo tenemos que darle a Guardar Plantilla y visualizar nuestro blog.

Horóscopo

noreply@blogger.com (Yolanda) — Wed, 06 Feb 2008 17:49:00 +0000

Vamos a porner el horóscopo diario en el blog. Yo sólo he puesto el mío, pero quien quiera tener una tira con todos los horóscopos pues que repita lo que voy a contar con todos. :) Pues bien, lo primero es entrar en la siguiente página http://horoscopo.euroresidentes.es/, o bien pinchando en mi horóscopo. Lo siquiente que tenemos que hacer el pinchar en el que queramos de los doce que hay y en la siguiente fase cómo lo queremos o bien en vertical o bien en horizontal. Una vez tomada esa decisión, pinchamos en el texto que viene debajo del dibujo del horóscopo, le damos al botón derecho sobre el texto y luego a Copiar.

Lo que nos queda es añadirlo a nuestro blog, así que entramos como administrador en la parte de Plantilla - Elementos de página. Una vez ahí, pinchamos en Añadir un elemento a esta página (en el que está en uno de los laterales, aunque esto es según gusto) y entramos en HTML/JAVA SCRIPT. Nos aparecerá una ventanita, pues en ella es donde pegaremos el texto que copiamos anteriormente. Como vísteis antes, mi contador apacere al final de la página, pues vosotros podréis ajustarlo a cualquier rincón que queráis con solo mover en nuevo panel HTML/JAVA que hemos creado. Guardamos cambios, visualizamos el blog.

Actualización

noreply@blogger.com (Yolanda) — Fri, 18 Jan 2008 12:22:00 +0000

Hola a todos. Después de más de medio año sin actualizar este blog (ya me vale) vuelvo a las andadas. Me he dado cuenta de que la entrada que hice de añadir música a un blog ya no sirve puesto que la página que utilizaba ya no existe bajo esa dirección, por tanto he decidido actualizarlo. Si os fijáis tengo una nueva chorradita musical, un Iphone reproductor de música. Si queréis uno sólo teneis que iros a la entrada que mostraba como añadir música al blog, pinchando aquí: http://ygriega.blogspot.com/2007/02/musiquita-en-el-blog.html

Personaliza tu barra de dirección

noreply@blogger.com (Yolanda) — Thu, 14 Jun 2007 09:18:00 +0000

Seguro que alguien se habrá dado cuenta de la nueva personalización de mi blog, el último detalle que he añadido ha sido el de una estrellita en la barra de direcciones, con esto también se consigue que este icono se grabe cuando nos agreguen a marcadores. Pues nada, para el que le guste aquí os cuento cómo se hace.

Primero debemos diseñar nuestro dibujo, da igual el tamaño, puesto que utilizaremos una página web para convertir nuestro diseño en un icono. La página en la que debemos entrar para ello es http://www.chami.com/html-kit/services/favicon/. Lo único que hay que hacer es darle al botón de examinar para buscar nuestro archivo en el ordenador y cuando lo tengamos pinchamos en el botón Generate FavIcon.ico. Pues ya está, ahora sólo tenemos que descargar el comprimido generado a nuestro ordenador y descomprimirlo. Ya tenemos nuestros iconos, estáticos y dinámicos, aunque con blogger debemos utlizar el icono dinámico.

Vamos a comenzar el proceso. Primero vamos a guardar la imagen en el sevidor de Blogger, para ello hacemos una entrada nueva e insertamos la imagen (la que se mueve). Ahora necesitamos el código de esa imagen, para obtenerlo pinchamos en Edición en HTML (está en la parte superior derecha del recuadro en el que escribimos las entradas) y tendremos algo así:

'<'a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_sH5-mdzelg4/ Rm-jj8_uUQI/AAAAAAAAAAo/ KeHP18VJrYw/s1600-h/ animated_favicon1.gif"'>' '<'img style="margin: 0pt 10px 10px 0pt; float: left; cursor:pointer;"src= "http://bp2.blogger.com/_sH5-mdzelg4/ Rm-jj8_uUQI/AAAAAAAAAAo/KeHP18VJrYw/ s320/animated_favicon1.gif" alt="" id="BLOGGER_PHOTO_ID_5075455143133991170" border="0" /'>' '<'/a'>'

La parte que está en amarilla es la que vamos a necesitar, así que la guardamos en un documento de texto o la apuntamos, pero exáctamente igual puesto que vamos a modificar el html de la plantilla.

El paso siguiente es entrar en la pestaña Plantilla (del diseño del blog) y luego en Edición en HTML. De lo que sale ahí posiblemente no entendamos nada, pero no importa, tenemos que buscar al principio de ese texto la etiqueta HEAD y justo debajo de ella tenemos que poner lo siguiente, pero atención, los símbolos <> vienen '<' y '>', las comillas esas no hay que ponerlas, solo las pongo yo aquí puesto que es código html y no podría ponerlo de otra forma, entonces sería <>, sin las comillas simples.

'<'link href='http://bp3.blogger.com/
_sH5-mdzelg4/RnFijs_uUUI/AAAAAAAAABI/rdQ_51cWqPg
/s400/animated_favicon1.gif'
rel='shortcut icon' type='image/x-icon'/ '>'

La parte amarilla si os dais cuenta es la misma que copiamos antes, entonces en ese lugar tendréis que poner lo vuestro, ya que ese texto equivale a mi imagen. Pues nada, guardais los cambios en la plantilla y si todo está bien, cuando visualiceis el blog os aparecerá el icono elegido :).

Citas y frases aleatorias en el blog

noreply@blogger.com (Yolanda) — Tue, 12 Jun 2007 16:55:00 +0000

Hacía mucho tiempo ya que no os contaba ningún truquillo para el blog, eso muestra lo liada que estoy hasta ahora. Pues nada, como dice el título os voy a contar como incluir frases aleatorias para que los lectores de vuestro blog pueda disfrutar de una nueva frase célebre o diaria. En primer lugar y como siempre, acceder al blog como administrador e ir a la opción de Plantilla-Elementos de página. En una nueva pestaña o página del navegador, como prefiráis, entrad en la dirección: http://servicios.citasyrefranes.com/index.php?opcion=CD. En esta página nos proporciona el código a poner para las frases célebres, pero si os fijáis, a la izquierda aparece un menú para qué elijamos qué queremos, si frases célebres, de películas, piropos... Pinchando en cada uno nos ofrece un código a insertar en nuestro blog. Y nada, ya como siempre, pegamos el código en la parte de plantilla Añadiendo un elemento de página HTML/JavaScript.

noreply@blogger.com (Yolanda) — Thu, 08 Mar 2007 16:31:00 +0000

Vamos a confeccionar nuestro nombre brilloso :P

noreply@blogger.com (Yolanda) — Thu, 01 Mar 2007 11:14:00 +0000

Al inicio del blog aparece mi nombre amarillo brillante. Quedaría muy bien que os dijera que lo hice yo, pero no, hay una página de internet que te da a elegir entre distintas formas y colores. La página a la que nos tenemos que dirigir en esta ocasión es http://www.glittermaker.com, que aunque esté en ingles, es fácil. Veamos:

En la primera línea, Your text, pondremos nuestro nombre o la frase o palabra elegida.
Elegimos el tipo de letra que queremos.
Para elegir el color que le daremos, pinchamos para ello en el círculo de degradado lo colores el tono que queramos. Al hacer esto ya sale nuestro nombre como quedaría definitivamente.

Si no está a nuestro gusto, repetimos los pasos anteriores hasta quedarnos contentos, hay multiples opciones. Cuando por fin hayamos conseguido lo que queremos, tendremos que ponerlo en nuestro blog de la manera de siempre, que os vuelvo a pegar.

A partir de aquí ya nos proporciona el código html que tenemos copiar para colocarlo en el blog (bajando un poco la página). En este caso tenemos varias opciones, pero elegimos la PRIMERA: HTML (Websites, MySpace comments, etc.) y la copiamos . Lo que nos queda es añadirlo a nuestro blog, así que entramos como administrador en la parte de Plantilla - Elementos de página. Una vez ahí, pinchamos en Añadir un elemento a esta página (en el que está en uno de los laterales, aunque esto es según gusto) y entramos en HTML/JAVA SCRIPT. Nos aparecerá una ventanita, pues en ella es donde pegaremos el texto que copiamos anteriormente. Como vísteis antes, mi contador apacere al final de la página, pues vosotros podréis ajustarlo a cualquier rincón que queráis con solo mover en nuevo panel HTML/JAVA que hemos creado. Guardamos cambios, visualizamos el blog.

Musiquita en el blog :)

noreply@blogger.com (Yolanda) — Fri, 23 Feb 2007 11:32:00 +0000

Pues una forma nueva de poner música en el blog. Lo primero que tenemos que hacer es entrar en la web: http://ivoon.com/ y nos registramos en ella pinchando en el botón de la parte inferior Register. Aparecerá un formulario para rellenar con nuestros datos y cuando lo tengamos completo pinchamos en Send Registration. Tenemos que recordar el dato que introducimos en Username y en Password (usuario y contraseña), pues son los que necesitaremos para iniciar sesión cada vez que queramos entrar en Ivvon. A continuación nos cargará una nueva página en la que nos pone algo así como "pinche aquí para continual" con la palabra HERE. Pues nada, pinchamos ahí para entrar en Ivvon, introduciendo nuestro Username y Password, y pinchamos en Login para iniciar sesión.A partir de aquí vamos a elegir la música que queramos. Tendremos tres pestañas, vamos a utilizar dos:

Music Gallery: Pinchando en esta opción es donde vamos a elegir la música que queremos que contenga nuestro iphone reproductor. En el cuadro donde pone Search your Artist or Song Title escribiremos qué grupo o nombre de canción buscamos y le damos al Intro. Una vez nos aparezca el listado resultante de la busqueda, al lado de cada canción podemos, o bien escucharla (dándole al Play) o bien añadirda directamente a nuestro listado personal (dándole al signo Más). Esto lo haremos tantas veces como canciones queramos tener.
MyPlayList: Aquí ya encontramos el reproductor para nuestro blog. Podemos elegir el modelo entre ipod blanco, ipod negro o iphone. A partir de aquí y en la parte inferior de la página ya nos proporciona el código html que tenemos copiar para colocarlo en el blog.

Contadores

noreply@blogger.com (Yolanda) — Wed, 21 Feb 2007 08:32:00 +0000

Poner un contador en tu blog es de lo más sencillo. Si os fijáis, al final de la página yo tengo uno colocado, es una elección entre muchas que ofrecen gratuitamente. Lo primero es registrarse en la página http://www.estadisticasgratis.com/. Os pinden una cuenta de correo y cuando le dais a alta gratuita ya os piden una serie de datos más sin importancia (nombre, e-mail y contraseña para el acceso a tus estadísticas y un código de confirmación). Una vez que le damos a continuar, pasamos a dar de alta nuestra página. Aquí es donde vamos a elegir el tipo de contador y configurar el contador. A partir de aquí ya nos proporciona el código html que tenemos copiar para colocarlo en el blog, elegiendo si lo queremos visible o invisible. Lo que nos queda es añadirlo a nuestro blog, así que entramos como administrador en la parte de Plantilla - Elementos de página. Una vez ahí, pinchamos en Añadir un elemento a esta página (en el que está en uno de los laterales, aunque esto es según gusto) y entramos en HTML/JAVA SCRIPT. Nos aparecerá una ventanita, pues en ella es donde pegaremos el texto que copiamos anteriormente. Como vísteis antes, mi contador apacere al final de la página, pues vosotros podréis ajustarlo a cualquier rincón que queráis con solo mover en nuevo panel HTML/JAVA que hemos creado. Guardamos cambios, visualizamos el blog. Fácil, verdad??

Vamos a añadir un video como este

noreply@blogger.com (Yolanda) — Thu, 25 Jan 2007 11:53:00 +0000

Vamos a incluir en el blog un video como este, aunque supongo que es algo fácil y que muchos sabéis. Esto va para nuevos en el mundo blog o alguno con experiencia que no había enredado aún en esto. Pues bien, entramos en www.youtube.com; en la parte superior derecha encontraremos una barra de búsqueda en inglés (search), pues ahí escribimos qué es lo que queremos buscar y le damos a Intro. Cuando tengamos delante el video que hemos decidido incluir en nuestro blog, comprobamos que a la derecha del video tenemos dos opciones:

URL: Inserta una imagen del video en nuestro blos, y al pinchar en él, nos redirecciona a youtube, donde se encuentra dicho video.
Embed: Con esto, lo que haremos, será insertar literalmente el video en nuestro blog.

Una vez que decidamos que queremos hacer (generalmente se elige la segunda opción: embed), copiamos ese texto y nos vamos al blog para crear una nueva entrada. En vez de escribir como siempre, en este caso primero tenemos que seleccionar la opción Edición en HTML, porque lo que vamos a copiar es código HTML. Entonces es cuando le damos a pegar. Cuando tengamos esto, lo único que tenemos que hacer es lo de siempre con una nueva entrada. Publicar. Espero que os sirva de ayuda.

Fotos con Flickr

noreply@blogger.com (Yolanda) — Wed, 03 Jan 2007 08:33:00 +0000

Pues nada, vamos a ver como añadir una tira aletoria de nuestras fotos personales en el blog, como aparece en la parte izquierda de mi blog. Lo primero que hay que hacer, en el caso de que no tengamos, es crearnos una cuenta en www.yahoo.es, ya que el usuario y la contraseña de flickr serán los datos de la cuenta que nos creemos. Una vez realizado este paso entramos en www.flickr.com, pinchamos en Sing in (porque toda la página es en inglés) e introducimos nuestro usuario yahoo y la contraseña. Lo siguiente a realizar es empezar a subir nuestras fotos y ponerles un nombre y descripción, ya que en esta página vamos a realizar un album de fotos personal que posteriormente podrá consultar quien nosotros queramos. Una vez que tenemos nuestras fotos subidas vamos a realizar el deslizable para nuestro blog. Si nos vamos al final de la página, aparecen cuantro líneas y la última de ellas encabezada por la palabra Help. Justo en esa línea encontraremos la palabra Tools, pues bien, pinchamos en ella. Nos aparece diversa información, pero la que nos interesa es aquella en la que dice Display Flickr photos on your website, así que pinchamos en la imagen que aparece y seguimos el asistente de cuatro pasos que aparece. Cuando lleguemos al cuarto paso, seleccionamos el código que aparece en un cuadro de texto y lo copiamos. Lo que nos queda es añadirlo a nuestro blog, así que entramos como administrador en la parte de Plantilla - Elementos de página. Una vez ahí, pinchamos en Añadir un elemento a esta página (en el que está en uno de los laterales, aunque esto es según gusto) y entramos en HTML/JAVA SCRIPT. Nos aparecerá una ventanita, pues en ella es donde pegaremos el texto que copiamos anteriormente de Flickr. Guardamos cambios, visualizamos el blog y, é vualà, nuestra tira de fotos en el blog.

Google en tu blog

noreply@blogger.com (Yolanda) — Tue, 02 Jan 2007 16:56:00 +0000

Adopta un animalito virtual

noreply@blogger.com (Yolanda) — Sat, 02 Dec 2006 16:29:00 +0000

Vamos a adoptar un animalito como el que yo tengo aquí. Para ello vamos a pinchar en el texto bunnyhero labs, debajo del hamster y nos redirecciona a una página, en la que vamos a elegir la mascota que queramos. Cuando pinchemos en la que queremos, podemos darle un nombre y un color. Tras esto pinchamos en Finish y en la nueva página le damos al botón Copy code, para poder pegarlo luego en nuestro blog.

Si queremos ponerlo como una entrada, como esta, pues al crear una nueva, le daríamos a Edición en HTML y botón derecho del ratón - pegar. Si por el contrario queremos que sea una parte de la plantilla del blog y que esté siempre en el mismo sitio, pues nos iríamos a la pestaña Plantilla y Elementos de página. Una vez ahí, le damos Añadir elementos de página y escogemos HTML/Javascript, donde pegaremos el texto copiado anteriormente, botón derecho del ratón, pegar y al final, guardar cambios.

Cuando veamos nuestro blog, ya tendremos la mascotica con el nombre que le hayamos dado :)