Escuchar música en ventana Pop-Up – Register – Forex

Un comentario muy común que suelen hacer es que es bastante incómodoescuchar música en un blog y que al entrar a otra entrada, página o cualquier otra sección del blogla música deje de escucharse y empiece de nuevo desde la primera canción.

Sí, es desagradable que la música se detenga justo cuando ya estábamos cantando pero hay que entender que si cambiamos de página entonces todos los elementos cargarán de nuevo.Todos.
Pues la página debe de cargar todo lo que haya dentro de ella y eso incluye a los reproductores.

Así que lo que podemos hacer es poner elreproductor de música dentro de una página independiente al blog para que, hagamos lo que hagamos en el blog esa pequeña página no tenga que cargar nada de nuevo y tus lectores puedanescuchar la música sin que se interrumpa. Para ello crearemos un documento HTML simple y haremos que éste se abra en una ventana pop-up (ventana emergente) con una función Javascript por lo que no tendremos que recurrir a librerías externas ni códigos largos.

El resultado será este:

Escuchar música

Primero vamos a crear la página del reproductor, para eso abrimos elBloc de notas y dentro de él pegamos esto:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titleMusica/title
/head
body

...Aquí pegamos el código del reproductor...

/body
/html

Ahora pegamos donde se indica, el código del reproductor que queremos, yo he usado elreproductor de Windows Media Player que usamos para laradio online y con unalista de reproducción, aunque tú puedes usar prácticamente cualquier otro que quieras, en la secciónMúsica encontrarás unos cuantos.

Ya que has pegado el código del reproductor ve aArchivo | Guardar como... y ponle el nombremusica.html o con cualquier otro nombre pero al final deberá decir.html
Luego cambia elTipo aTodos los archivos, y daleGuardar.

Con esto lo estaremos guardando en formato de página Web, así que probablemente te aparezca un mensaje de advertencia donde te dirá que estás guardando el archivo en otro formato, sólo da click enSí para guardar el archivo.

Habiendo hecho esto subimos el archivo a un hosting.
Ahora sólo vamos aDiseño | Añadir gadget | HTML/Javascript y ahí pegamos este código:

a href="javascript:void(0);" onclick="window.open('URL del archivo', 'popup', 'left=390, top=200,width=310,height=30, toolbar=0, resizable=1')" style="text-decoration: none;" title="Escuchar música"
table border="0" cellpadding="5"tbody
trtdimg src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgKJ_kq2pjVtlWxscgrn96Ny05zTcP4WRz3xJNDBDmuf3Yqun5D3vBei2pVLLUyyzQPhv_HBdMTi1DEXgIRvfZ2jQUzt61CzFTDPLp8rr3cQawmFmdC3lWXtW0xK0im5isHWuRXX7_LI4/s1600/player_volume.png" //td
tdspan style="font-family: Impact; font-size: x-large;"Escuchar música/span/td/tr
/tbody/table/a

Cambiamos donde se indica laURL del archivo que subimos previamente y listo.

En donde dicewidth=310 height=30 podemos cambiar el ancho (width) y alto (height) que tendrá la ventana pop-up, esto dependiendo del tamaño del reproductor que hayamos puesto.
Y la URL que está encolor verde es la que corresponde al icono de la imagen, también puedes cambiarlo si lo deseas.

De esta forma tus lectores podrán escuchar la música sin interrupciones sin importar si entran a otro post o si simplemente cierran la pestaña de tu blog,la música continuará.

Social media platforms motorcycle accident lawyer san francisco att call conference Online Motor Insurance Quotes ONLINE COLLEDGES mesothelioma settlement amounts Online casino mesothelioma lawyer dallas Service business software motor replacements Claim mesothelioma lawyers san diego Make money online Australia Car Donate boulder personal injury lawyers Asbestos Lung Cancer mesothelioma attorney illinois online motor insurance quotes ONLINECLASSES Casino domains yahoo Mobile casino Donate your Car for Money Donate Your Car for Kids Car insurance in South Dakota accident car florida lawyer EMAIL BULK SERVICE Criminal lawyer mesotheioma Donate car for tax credit Tech school DUI lawyer motorcycle accident lawyer california lease management software AUTO ACCIDENT ATTORNEY Live casino Donate Car for Tax Credit workers compensation lawyer los angeles motorcycle lawyer los angeles quotes car domain name yahoo Automobile Accident Attorney Donating Used Cars to Charity cheap car insurance in virginia Health Records Personal Health Record cheap auto insurance in va LOW CREDIT LINE CREDIT CARDS colorado auto accident attorney HOW TO DONATE A CAR IN CALIFORNIA accident lawyers in los angeles mesothelioma lawyer california wisconsin mesothelioma attorney Casino reviews MORTGAGE ADVISER donate your car for kids business administration masters personal injury lawyer sarasota fl city college in miami personal injury law firm World Trade Center Footage event management security Hire php developers Hire php programmers Dwi lawyer ashely madis los angeles motorcycle accident lawyer Business management software sell structured settlement calculator Low Credit Line Credit Cards WordPress themes for designers Custom Christmas cards Better Conference Calls Injury Lawyers anti spam exchange server business voice mail service Criminal defense lawyer onlineclasses ASBESTOS LAWYERS Mesothelioma Law Firm Php programmers for hire Insurance Companies structured settlement buyer Donate a Car in Maryland hair removal washington dc DONATE A CAR IN MARYLAND ANNUITY SETTLEMENT Neuson WordPress hosting mesothelioma care Hire php developer attorney lawyer mesothelioma yahoo web hosting Business finance group new york mesothelioma law firm Bankruptcy lawyer Nunavut culture Computer science classes online PSYCHIC FOR FREE car insurance quotes colorado meso lawyer Proud Italian cook Seo company injury attorney baton rouge Php programmers Seo companies DONATE CAR FOR TAX CREDIT Life Insurance Co Lincoln Auto Mobile Shipping Quote Custom WordPress theme designer Best social media platforms for business Social media examiner WordPress theme designers CHEAP CAR INSURANCE IN VIRGINIA car accident lawyer michigan New social media platforms