lunes, 1 de abril de 2013

LOS GADGETS DE ESTE BLOG

Si te gusta alguno de los gadgets que ves en el blog, aquí están disponibles las instrucciones necesarias para que puedas incorporarlos al tuyo. Todos están elaborados en "html", pero no es necesario tener conocimientos de este lenguaje para entender los pasos a seguir. Aunque para CURIOSEANDO se ha elegido a Mr. Bean como protagonista de las fotos, gifs y demás (por ser un personaje curioso) no tiene por qué ser la figura en la que bases el gadget, ya que en la mayoría de los casos se puede sustituir por la imagen que se quiera. A continuación se detallan las webs, códigos y toda la información que resulte útil para poder copiarlos o modificarlos.

En el encabezamiento no nos vamos a parar mucho porque está muy personalizado y no es aprovechable para otro blog. Lo que si puede ser interesante es la web COOLTEXT de donde se sacó el tipo de letra para componer el título. Es una página gratuita para confeccionar logotipos que ofrece muchas posibilidades de combinación, con opciones muy originales y la resolución bastante aceptable.



En este caso, entre muchas categorías, se escogió el "Logo Blended", se utilizó "Fonts: Dingfonts" y después de abrir el tipo de letra "Earwig factory", se escribió CURIOSEANDO, mezclando tonos azules y varios tipos de sombras. La imagen conseguida se copió y se editó en Photoshop combinándola con una composición de diseño propio con Mr. Bean asomando. El resultado está en la cabecera del blog.

El gadget titulado "DESCRIPCIÓN RESUMEN DEL SITIO" es una combinación de un texto y un gif animado de Mr. Bean. Para ponerlo en un gadget de Blogger solo tienes que copiar el código completo que se pone a continuación, ir a la opción de "Diseño" en tu blog, hacer clic en "Añadir un gadget" y entre las opciones que nos da, elegir "HTML/Javascrip" y allí pegarlo dentro del cuadro de "Contenido" y "Guardar".

<table cellspacing="1"cellpadding="1"border="0"> <tbody> <tr> <td>
<a href="http://www.imagebanana.com/view/87a42pqv/01.gif"><img src="http://i.imagebanana.com/img/87a42pqv/thumb/01.gif" border="0"
alt="www.ImageBanana.com - 01.gif" /></a>
</td> <td>TEXTO AQUÍ</td> </tr> </tbody> </table>

El código rojo corresponde al gif animado, que si te gusta tal cual, se puede utilizar pegando solo el trozo correspondiente. El espacio en color azul que pone "TEXTO AQUÏ", lo tienes que sustituir por el mensaje que quieras, teniendo en cuenta que ocupará distintas posiciones en función de la cantidad de letras y del hueco para el gadget que tengas en tu blog. Hay que ir probando cómo quedará mejor.

El gadget "TRADUCIR BLOG A OTRO IDIOMA" es muy útil si tu sitio tiene muchos visitantes que no hablan español, porque con esta herramienta se traduce el contenido al idioma elegido solo con hacer clic en su bandera. En este caso el código está dentro de un cuadro de texto con barra de desplazamiento, porque es bastante extenso debido a que contiene el archivo para doce posibilidades de traducción.


Para incluirlo en un gadget de Blogger, repetimos los mismos pasos que en el caso anterior: copiar el código, ir a la opción de "Diseño" en tu blog, hacer clic en "Añadir un gadget" y entre las opciones que nos ofrece, elegir "HTML/Javascrip" y allí pegarlo dentro del cuadro de "Contenido" y luego "Guardar".

El siguiente gadget es una "imagen con mapeado", lo que quiere decir que al pulsar sobre ciertos espacios de la imagen, previamente definidos, estos funcionan como un enlace. Es muy sencillo de hacer si nos ayudamos de programas que nos generan el código html según nuestras instrucciones. Para este gadget se utilizó IMAGE MAPPER que es una página gratuita donde podemos componer el mapeado. El paso previo es escoger la imagen que nos va a servir de base para luego poner sobre ella los enlaces que queramos. En este caso se hizo una composición en Photoshop con una foto de Mr. Bean y unos textos a modo de menú, donde se ubicaron los enlaces. Se va a necesitar la "url" de la imagen, por lo que tiene que estar en internet (en una web, en un blog, en un álbum Picassa, etc.).

El resto de pasos para ponerlo en un gadget de Blogger son los mismos que en los casos anteriores: copiar el código, ir a la opción de "Diseño" en tu blog, hacer clic en "Añadir un gadget" y entre las opciones que nos da, elegir "HTML/Javascrip" y pegarlo dentro del cuadro de "Contenido" y "Guardar".

EN LA ELABORACIÓN DE ESTE BLOG SE HA UTILIZADO INFORMACIÓN Y MATERIAL OBTENIDO EN INTERNET. EN EL CASO DE QUE SE HAYA USADO CONTENIDO QUE PUEDA INCUMPLIR ALGUNA LEY DE DERECHOS DE AUTOR, ROGAMOS SE NOS COMUNIQUE Y SERÁ RETIRADO INMEDIATAMENTE.

No hay comentarios: