Parte 7: BLOGGER - Añadir Widgets

miércoles, 4 de septiembre de 20130 comentarios

Widget, proviene de la unión de dos palabras inglesas: window (ventana) y gadget (mecanismo, artilugio).
Es un pequeño programa que se suele incrustar en algún servicio web (por ejemplo, en este blog que estamos realizando) para ofrecernos diferentes funciones.

Hay muchísimos sitios que nos ofrecen widgets de manera gratuita (buscar en google por "widget para blogger), pero hay que tener en cuenta que si agregamos muchos de ellos el sitio tardará más tiempo en cargar. Por ello, añadiremos sólo los que sean importantes para nuestro propósito.

¿Cómo añadir un widget?

Para aprender como añadir un widget, probaremos agregar uno que nos permita realizar búsquedas dentro de nuestro blog.

Buscando en internet, encontramos uno que nos da el siguiente código:

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/> <input id="search-btn" value="Buscar" type="submit"/></form>

¿Donde lo insertamos?

  1. Ingresamos a http://blogger.com (si nos pide identificación, nos identificamos con la cuenta de gmail que usamos para crear el blog)
  2. Hacemos click en la flecha hacia abajo que está en el botón central al lado del nombre de nuestro blog, y seleccionamos DISEÑO (ver imagen inferior)

    Crear una web. Como insertar Wigets | Un servicio de mundohandball.com
  3. Allí, observaremos nuestro blog en vista de diseño, con las tres columnas principales. Sobre cada una de dichas columnas, hay un enlace que dice AÑADIR GADGET


    Crear una web. Como insertar Wigets | Un servicio de mundohandball.com
  4. Pulsamos sobre  AÑADIR GADGET en la columna derecha y se abrirá una ventana donde nos mostrará varios widget que Blogger nos ofrece. Como tenemos nuestro propio código, elegiremos el llamado HTML/Javascrip

    Crear una web. Como insertar Wigets HTML | Un servicio de mundohandball.com
  5. En la nueva ventana que se abre escribimos BUSCAR como título (si queremos podemos dejarlo en blanco) y pegamos el código obtenido previamente (el que está en azul más arriba - NO OLVIDAR NINGUN SIMBOLO) en la sección contenido.
  6. Damos click en GUARDAR y listo. Ya podemos visitar el blog para ver nuestro widget de búsqueda funcionando en la columna de la derecha







Comparta este artículo :

Publicar un comentario

 
Soporte : Creating Website | Johny Template | Mas Template
Instrucciones para crear el sitio : Crear mi web en Bloger | Mundo Handball
Copyright © 2011. Crear mi web en Blogger - All Rights Reserved
Template Creado por Creating Website Publicado por Mas Template
Template Adaptado por:Mundo Handball
Proudly powered by Blogger