1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Embeber libros en tu página webimagen de Michelle Brea

Cómo embeber Libros de Google Book Search en tus páginas

Hace poco Google agregó esta funcionalidad a Book Search, se trata de insertar un poco de JavaScript en la página en la que quieres mostrar el libro y listo.

Aquí puedes ver un ejemplo del mejor libro de HTML.

No te preocupes, sé que escuchar JavaScript puede ser un poco intimidante, pero en realidad no tienes que saberlo para hacer esto.

El código es el siguiente:

<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">GBS_insertEmbeddedViewer('ID-DEL-LIBRO',600,600);</script>

Sólo tienes que hacerle una pequeña modificación...

Lo único que tienes que modificar es donde dice: ID-DEL-LIBRO, cambia eso por el id del libro que quieras mostrar.

¿Cómo ubicar el id del libro?

Nada más fácil, primero entra a Google Book Search, luego busca el libro que quieras, digamos "Head First HTML" (el mejor libro para aprender HTML), haz click en el enlace al libro y mira la barra de direcciones de tu navegador.

Aparecerá algo como esto:

http://books.google.com/books?id=589iSbn9WYkC&printsec=frontcover&dq=%22Head+First+HTML%22&ei=_4LdSJffAoGSyATg6PTrDg&hl=es&sig=ACfU3U1DgfuY269t1UiRyJsxoTMm7SHpbg

fíjate bien en esta parte: id=589iSbn9WYkC (no incluyas el &), entonces el id de ese libro es 589iSbn9WYkC.

Ahora el código JavaScript se ve así:

<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">GBS_insertEmbeddedViewer('589iSbn9WYkC',600,600);</script>

Nota, los valores 600, 600 que ves al final, sirven para darle ancho y alto a la sección donde aparecerá el libro.

¿Qué libros pondrías en tu web?

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Posicionamiento Valencia Posicionamiento Valencia

    Para blogs sobre programación alguno de cookbook o recipes. Para otras temáticas y en castellano sería más complicado de encontrar libros.

  2. Avatar de Germán Germán

    Sí, hay una gran carencia de libros en español, en mi opinión la mayoría de libros de tecnología que valen la pena están escritos en inglés.
    Hay que aceptar que si uno quiere estar al tanto de la tecnología es necesario saber (por lo menos) leer en inglés.

    Saludos.

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910