Poner un Pop-up de Radio-blog en tu web

Publicado por Javi, Marzo 30, 2007, 17:51:16

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Javi

Bueno gente, recien me volvi loco hasta que pude hacerlo con ayuda de Wolf, de http://soporte.forogratis.es y gracias a sparok que hizo el tuto de crear cuenta en radio blog






Primero que nada te tienes que loguear en radio blog: http://www.radioblogclub.com/



3.- Una vez logueado le das click a la pestaña
Favorite



4.- Ya adentro, das click en CREATE A PLAYLIST


5-despues haces esto otro



6-Luego en la misma pagina de radioblog usas el buscador y buscas tu catante/grupo




7-Despues de seleccionar a que pista va tendria que quedarles algo asi:






CUANDO ESTE EN LA IMAGEN DE ARRIBA DAN CLICK EN DETACH JUKE BLOG

8- Y LES SALDRA AL ASI



y das click en ver codigo de fuente y les saldra esto




COPIAN EL CODIGO DE FUENTE Y LISTO







Bueno te explico sobre como trabaja un pop up externo.

Primero si tienes conocimientos de HTML podras crearte una pagina.

Bien lo primero que hay que hacer es colocar el codigo del radio blog que te da en dicho tutorial en un bloc de notas:

Ejemplo:

Abro el bloc de notas:

Inicio / Todos los programas / Accesorios / Bloc de Notas


Bien nos abrira una ventana con un enorme espacio en blanco.

Que hacemos? pegamos el codigo obtenido de Radio blog y guardamos con extension .html

Asi:

Archivo / Guardar Como...

Ahi nos dira en que lugar guardar, con que nombre se guardara, tipo de archivo y que tipo de codificacion tendra.

OK


Bien buscas en donde guardarlo ya sea en mis documentos, en C:, no se donde se te haga mas comodo,

Paso siguiente le agregas un nombre no se puede ser Radiob pero lo importante es que le pongas seguido del nombre .html, para que quede así:

Radiob.html

Bien aun no guardes...

Tienes que cambiar el tipo de archivo de .txt que es por default, a Todos los archivos.

Y la codificacion en ANSI

Ahora si guarda.

Para que sirve todo esto?:

Para que despues lo subas este archivo a un hoster te sirva como liga a ver la radio en un popup

Ahoara bien en que hoster lo puedes subir:

Hay muchos pero siempre se recomienda hosters que te dejen ver la pagina:

Busca alguno en google y que sea gratuito.

http://www.google.com.mx/search?hl=es&client=firefox-a&channel=s&rls=org.mozilla%3Aes-ES%3Aofficial&hs=gj2&q=free+web+hosting&btnG=B%C3%BAsqueda&meta=

o sino en el mismo host de tu web.

el mio quedo asi: http://tangoxxi.ueuo.com/RadioBlog.html

eso llama a la web que tiene el reproductor de Radio blog

Ok una vez que lo subas lo unico que tienes que ligar en tu pop up es la pagina.

Ya que el pop up funciona de varios modos, puede ser mediante un clic, al iniciar tu web o al final, no se existen varias formas.

Ejemplo final:

Codigo de mi archivo subido:
<html><head><title>undefined</title></head><body onbeforeunload="window.opener.RadioBlog.undetach('radioblog_1')" style="background:#ECECEC"><embed type="application/x-shockwave-flash" src="http://stat.radioblogclub.com/radio.blog/skins/default/player.swf" allowscriptaccess="always" bgcolor="#ECECEC" id="radioblog_player_1" flashvars="id=1&amp;playlistPath=http://www.radioblogclub.com/juke.blog.3.0/sounds/playlist.php?id=2033859&amp;colors=body:#ECECEC;border:#BBBBBB;button:#999999;player_text:#666666;playlist_text:#666666;new_tracks:#000000;" height="100%" width="100%"></body></html>

Codigo que metí en la cabecera de mi foro:

<html>
<SCRIPT language=javascript>
function musica() {
popupWin = window.open ("http://tangoxxi.ueuo.com/radioblog.html", "", 'status=no, scrollbars=no, resizable=no, width=220, height=260, left=40, top=30')
}
</SCRIPT><body>
<center>
<a href="" onclick='musica();'><b>Música</b></a>
</body></center></html>


Noten el tamaño que le puse al pop-up: width=220, height=260, ese deben poner y en el html de antes dejen 100% ambos

tambien meti un Chat, se puede ver aca:

http://alaiagym.forogratis.es/index.php




Espero les sirva, a mi me anda de 10

soy mariano

Si te gusta el buen futbol, entra en http://www.azulblancoynegro.com  el espacio tricolor.