Widgets y Plugins gratis para tu página web

Recursos gratis para tu página web

Agrega el Widgets o Plugins que desees en tu Sitio Web o Blog

Calendario de Pagos ANSES

Agrega en tu sitio web el calendario de pagos de anses para que tus visitantes encuentren toda la información en tu pagina.

VER CODIGO

Mostrar Código HTML

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
    <style>
        .image-container-CPRP {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #img-CPRP {
            width: 356px;
            height: 250px;
            object-fit: cover;
        }
    </style>
    <div>
        <a href="https://radiosplay.com.ar/calendario-de-pagos/" target="_blank">
            <img id="img-CPRP" src="" alt="ANSES: Calendario de Pagos">
        </a>
    </div>
    <script>
        // URLs por mes
        const imagenesPorMes = {
            Enero: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-ENERO.gif",
            Febrero: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-FEBRERO.gif",
            Marzo: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-MARZO.gif",
            Abril: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-ABRIL.gif",
            Mayo: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-MAYO.gif",
            Junio: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-JUNIO.gif",
            Julio: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-JULIO.gif",
            Agosto: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-AGOSTO.gif",
            Septiembre: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-SEPTIEMBRE.gif",
            Octubre: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-OCTUBRE.gif",
            Noviembre: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-NOVIEMBRE.gif",
            Diciembre: "https://publicidad4.radiosplay.com.ar/ANSES---Calendario-de-Pago-DICIEMBRE.gif"
        };
        // Obtener el mes actual
        const fechaActual = new Date();
        const mesActual = fechaActual.toLocaleString('es', { month: 'long' }); // Mes en español (ej.: "abril")
        // Seleccionar la imagen y cambiar el src según el mes
        const imgCPRP = document.getElementById('img-CPRP');
        imgCPRP.src = imagenesPorMes[mesActual.charAt(0).toUpperCase() + mesActual.slice(1)];
    </script>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.

Widget de Noticias Generales

Este widget se adapta al ancho completo de tu pagina ocupando un alto de 400px. Muestra noticias de diferentes categorías que se actualizan de forma automática.

VER CODIGO

Mostrar Código HTML

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
<div id="iframe-radiosplay-noticias-Nn1">
    <iframe id="embedded-nn1" src="https://radiosplay.com.ar/servicio-de-noticias-radiosplay/" frameborder="0"></iframe>
</div>
<script>
    window.onload = function() {
        var iframe = document.getElementById('embedded-nn1');
        // Escucha el evento load del iframe
        iframe.onload = function() {
            // Muestra el contenedor una vez que el iframe se haya cargado completamente
            document.getElementById('iframe-radiosplay-noticias-Nn1').style.display = 'block';
        };
    };
</script>
<style>
    #iframe-radiosplay-noticias-Nn1, #embedded-nn1 {
        width: 100%;
        height: 400px; /* Altura fija de 400px */
        border: none; /* Quita el borde del iframe */
        overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
        /*display: none;  Inicialmente oculto */
        background-color: rgba(255, 0, 0, 0.473);
    }
    @media screen and (orientation: portrait) {
        #iframe-radiosplay-noticias-Nn1, #embedded-nn1 {
            width: 100%;
            height: 470px; /* Altura fija de 400px */
            border: none; /* Quita el borde del iframe */
            overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
            /*display: none;  Inicialmente oculto */
            background-color: rgba(255, 0, 0, 0.473);
        }
    }
</style>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.

Widget de Noticias Generales (Sólo banner animado)

VER CODIGO

Widget Banner de Noticias RadiosPlay

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
<div id="iframe-radiosplay-noticias-BNR">
    <iframe id="embedded-BNR" src="https://radiosplay.com.ar/servicio-de-noticias-banner-radiosplay/" frameborder="0"></iframe>
</div>
<script>
    window.onload = function() {
        var iframe = document.getElementById('embedded-BNR');
        // Escucha el evento load del iframe
        iframe.onload = function() {
            // Muestra el contenedor una vez que el iframe se haya cargado completamente
            document.getElementById('iframe-radiosplay-noticias-BNR').style.display = 'block';
        };
    };
</script>
<style>
    #iframe-radiosplay-noticias-BNR, #embedded-BNR {
        width: 100%;
        height: 45px; /* Altura fija de 45px */
        border: none; /* Quita el borde del iframe */
        overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
        /*display: none;  Inicialmente oculto */
        background-color: rgba(255, 0, 0, 0.473);
    }
</style>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.

Noticias Deportivas (Sólo Deportes)

Si tu web es de temática deportiva este widget es para ti. Se adapta al ancho de tu pagina ocupando un alto de 400px. Muestra solamente noticias del ámbito deportivo que se actualizan de forma automática.

VER CODIGO

Widget Noticias Deportivas RadiosPlay

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
<div id="iframe-radiosplay-noticias-deporte">
    <iframe id="embedded-deporte" src="https://radiosplay.com.ar/servicio-de-noticias-deportes-radiosplay/" frameborder="0"></iframe>
</div>
<script>
    window.onload = function() {
        var iframe = document.getElementById('embedded-deporte');
        // Escucha el evento load del iframe
        iframe.onload = function() {
            // Muestra el contenedor una vez que el iframe se haya cargado completamente
            document.getElementById('iframe-radiosplay-noticias-deporte').style.display = 'block';
        };
    };
</script>
<style>
    #iframe-radiosplay-noticias-deporte, #embedded-deporte {
        width: 100%;
        height: 400px; /* Altura fija de 400px */
        border: none; /* Quita el borde del iframe */
        overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
        /*display: none;  Inicialmente oculto */
        background-color: rgba(255, 0, 0, 0.473);
    }
    @media screen and (orientation: portrait) {
        #iframe-radiosplay-noticias-deporte, #embedded-deporte {
            width: 100%;
            height: 470px; /* Altura fija de 400px */
            border: none; /* Quita el borde del iframe */
            overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
            /*display: none;  Inicialmente oculto */
            background-color: rgba(255, 0, 0, 0.473);
        }
    }
</style>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.

Noticias Deportivas (Sólo banner animado)

VER CODIGO

Widget Banner de Noticias Deportivas RadiosPlay

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
<div id="iframe-radiosplay-noticias-NDepB">
    <iframe id="embedded-NDepB" src="https://radiosplay.com.ar/servicio-de-noticias-deportes-banner-radiosplay/" frameborder="0"></iframe>
</div>
<script>
    window.onload = function() {
        var iframe = document.getElementById('embedded-NDepB');
        // Escucha el evento load del iframe
        iframe.onload = function() {
            // Muestra el contenedor una vez que el iframe se haya cargado completamente
            document.getElementById('iframe-radiosplay-noticias-NDepB').style.display = 'block';
        };
    };
</script>
<style>
    #iframe-radiosplay-noticias-NDepB, #embedded-NDepB {
        width: 100%;
        height: 45px; /* Altura fija de 45px */
        border: none; /* Quita el borde del iframe */
        overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
        /*display: none;  Inicialmente oculto */
        background-color: rgba(255, 0, 0, 0.473);
    }
</style>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.

Noticias Cristianas

Si tienes una Web de contenido cristiano este widget es para ti. Se adapta al ancho completo de tu pagina ocupando solo 400px de alto y muestra noticias cristianas y reflexiones que se actualizan de forma automática.

VER CODIGO

Widget Noticias Cristianas RadiosPlay

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
<div id="iframe-radiosplay-noticias-NCR">
    <iframe id="embedded-NCR" src="https://radiosplay.com.ar/servicio-de-noticias-cristianas-radiosplay/" frameborder="0"></iframe>
</div>
<script>
    window.onload = function() {
        var iframe = document.getElementById('embedded-NCR');
        // Escucha el evento load del iframe
        iframe.onload = function() {
            // Muestra el contenedor una vez que el iframe se haya cargado completamente
            document.getElementById('iframe-radiosplay-noticias-NCR').style.display = 'block';
        };
    };
</script>
<style>
    #iframe-radiosplay-noticias-NCR, #embedded-NCR {
        width: 100%;
        height: 400px; /* Altura fija de 430px */
        border: none; /* Quita el borde del iframe */
        overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
        /*display: none;  Inicialmente oculto */
        background-color: rgba(255, 0, 0, 0.473);
    }
    @media screen and (orientation: portrait) {
        #iframe-radiosplay-noticias-NCR, #embedded-NCR {
            width: 100%;
            height: 470px; /* Altura fija de 400px */
            border: none; /* Quita el borde del iframe */
            overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
            /*display: none;  Inicialmente oculto */
            background-color: rgba(255, 0, 0, 0.473);
        }
    }
</style>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.

Noticias Cristianas (Sólo banner animado)

VER CODIGO

Widget Banner de Noticias Cristianas RadiosPlay

<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->
<div id="iframe-radiosplay-noticias-cristianas-banner-NCBA">
    <iframe id="embedded-NCBA" src="https://radiosplay.com.ar/servicio-de-noticias-cristianas-banner-radiosplay/" frameborder="0"></iframe>
</div>
<script>
    window.onload = function() {
        var iframe = document.getElementById('embedded-NCBA');
        // Escucha el evento load del iframe
        iframe.onload = function() {
            // Muestra el contenedor una vez que el iframe se haya cargado completamente
            document.getElementById('iframe-radiosplay-noticias-cristianas-banner-NCBA').style.display = 'block';
        };
    };
</script>
<style>
    #iframe-radiosplay-noticias-cristianas-banner-NCBA, #embedded-NCBA {
        width: 100%;
        height: 43px; /* Altura fija de 43px */
        border: none; /* Quita el borde del iframe */
        overflow: hidden; /* Evita que la página interior tenga barras de desplazamiento */
        /*display: none;  Inicialmente oculto */
        background-color: rgba(255, 0, 0, 0.473);
    }
</style>
<!-- WWW.RADIOSPLAY.COM.AR - Widgets gratis paratu Página Web -->
<!-- https://radiosplay.com.ar/widgets-y-plugins-para-tu-pagina-web -->

¿Cómo agrego a mi página?

Abre la pestaña VER CODIGO y haz clic sobre el botón que dice Clic Aquí para COPIAR.

Ahora en el editor o constructor que utilices para editar tu página solamente debes pegar el código que copiaste.

Asegúrate de pegarlo dentro de un elemento HTML.