Header AD

Barra con videos-Google



Estos chicos de Hoctro's Place son la monda de listos:

Han conseguido una barra fabulosísima, para poder visionar vídeos de lo que una quiera. Y de una forma muy simple, con un hack de Ajax.

Las instrucciones para integrar el vídeo son sencillísimas de seguir:

.- Primero: hay que conseguir una clave API-key- de Google.
Si ya tenemos una cuenta de Google, nos registramos con ella; en caso contrario,primero hay que crear la cuenta. Una vez entramos en ella, pedimos la clave API, poniendo en la caja que google nos da, la dirección de nuestro blog. Y listos: nos muestra otra caja, con un montón de letras-nuestra clave- que necesitaremos para seguir las instrucciones de implementación de la barra-vídeo.
Casi mejor que añadís esa página de Google con la clave a "favoritos" del explorador, no sea que vayáis a perderla y no la podáis copiar en las instrucciones posteriores.

.- Segundo: Volvéis a Hoctro's Place para el siguiente paso, que consiste en añadir-tras expandir la plantilla- antes del cierre de head, unas líneas de CSS. Aquí, ¡Ojo!: porque tenéis que reemplazar la parte del código que va en letra negrita-la clave- por vuestra propia clave API Google.

.-Tercero: Hay que insertar unas líneas en la tag "sidebar-wrapper". Evidentemente: porque lo más cómodo es insertar la barra en vuestra sidebar.
Echad antes un vistazo a la forma y el contenido de la sidebar en vuestro blog, y así decidís dónde váis a colocarlo.

Daos cuenta de que es un "widget" lo que vamos a colocar ahora, de manera que, echando un vistazo a los títulos de los widget de vuestra sidebar que os salen en la plantilla , es facilísimo decidir donde vais a colocar el código del widget de la barra-vídeo.
Sólo daos cuenta de que un widget empieza con una apertura de b widget y termina con el cierre / b widget. Después de un cierre abrís el de vuestra barra-vídeo.

Y aquí, podéis cambiar el nombre del grupo o artista: en el código de Hoctro's viene "execute Beatles". En el mío puse "u2".

Y se acabó toquetear la plantilla. Dadle a "vista previa", para comprobar que todo está en su sitio (al menos vuestro blog) y guardad.

Bueno: pues este código anterior ha creado un nuevo elemento de página en vuestra plantilla, que veréis como "Interesting Vídeo topics from Google Search". Abrid "elementos de página" y allí estará, lista para ser editada. Ahora sólo tenéis que añadir más grupos y cantantes a la lista.

Es tirado de hacer. Y lo bien que queda... (al menos eso creo... con lo que me gusta a mí escuchar música... y verla). Podéis verlo en la antigüa "Kaos"

Barra con videos-Google Barra con videos-Google Reviewed by Pilar Lozano Santos on 1:35:00 Rating: 5

No hay comentarios

Post AD