jueves, junio 14, 2007

Personaliza tu barra de dirección

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 :).

martes, junio 12, 2007

Citas y frases aleatorias en el blog

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.

jueves, marzo 08, 2007

jueves, marzo 01, 2007

Vamos a confeccionar nuestro nombre brilloso :P

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.

viernes, febrero 23, 2007

Musiquita en el blog :)

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

miércoles, febrero 21, 2007

Contadores

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??

jueves, enero 25, 2007

Vamos a añadir un video como este

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.

miércoles, enero 03, 2007

Fotos con Flickr

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.

martes, enero 02, 2007

Google en tu blog

Google
Para tener una búsqueda como estas en tu blog sólo tienes que visitar el siguiente enlace, que te cuenta detalladamente cómo hacerlo. http://www.google.com.ar/intl/es/searchcode.html