Cómo crear un pop-up (ventana emergente) para AdSense en Blogger

Crear una ventana emergente (pop-up) es una tarea bastante sencilla para hacer en Blogger, ya que sólo necesitaremos realizar unos pocos pasos:


  • Creamos el nuevo bloque de anuncios de AdSense que queramos poner en nuestra página de Blogger y copiamos el código de éste





  • Una vez tenemos el código del anuncio, nos vamos a nuestro panel de administración del blog: Aquí debemos ir a "Diseño", "Añadir un gadget" (da igual en que apartado del blog lo añadimos) y seleccionar "HTML/Javascript"

  • En éste gadget, al que no pondremos título, pegamos el siguiente código:

<style>#topbar {height:20px;width:300;background: #005094;background-repeat:repeat-x;text-align:left;padding-top:0px;}#adsground {height:250px;margin:0 auto;width: 300px;background:#fff;border-bottom:0px #005094 solid;border-right:0px #005094 solid;border-left:0px #005094 solid;text-align:Center;padding:0px;}
    #headlineatas {opacity:1.0;height:auto;width:auto;position:fixed;top:65px;left:376px;border-bottom:1px #005094 solid;border-bottom:0px blue solid;color:#333;padding:0px;z-index:1001;font-size:13px;}</style><script type="text/javascript">function getValue(){document.getElementById("headlineatas").style.display = 'none';}</script><div id="headlineatas">
    <div id="topbar">
    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Anuncio AdSense</span><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"></target="_blank"></span></div>
    <div id="adsground">
    <h3>
    <a href="http://blogger-tips-tricks-widget.blogspot.com/"></a><p align="left">
    <h3>
    </h3>
    </p>
      TU CÓDIGO DE ANUNCIO DE ADSENSE
        </script>
        <p>
        <br/></p>
        </h3></div>
        </div>

        • Ahora, cambiamos "TU CÓDIGO DE ANUNCIO DE ADSENSE" por nuestro código del anuncio.

        • En éste punto podemos modificar los valores (que he escrito en color azul) para cuadrarlos con el ancho y alto del anuncio que escojamos. Es decir, está predeterminado para un anuncio de 300x250, pero podemos variar los números del código para adaptarlo al código que hayamos creado. No tiene mucha más complicación.

        • Guardamos y ¡listo!
        Quedará algo tal que así:


        No hay comentarios:

        Publicar un comentario

        BUSCA EN EL BLOG