Cómo colocar banners de forma vertical en mi web

  • Autor Autor JesusEC
  • Fecha de inicio Fecha de inicio
J

JesusEC

Préstamo
Iota
Redactor
Mi gran duda y espero me puedan ayudar.

¿Cómo pongo dos banners 160x600 o 120x600 así como ven en la imagen?

Side.webp
 
Depende un poco de tu theme y sus medidas si no me equivoco ese es 120 x 600 y metes tu código dentro de un HTML
 
Así es, si se puede solo crea un widget html y pegas tu codigo
 
Aquí creas los gagets donde irán tus anuncios:

crear banner.webp

Y dentro pegas el código de tu anuncio:

medidas anuncio.webp
 
hermano lo que andas buscando es ponerlo ya fuera de tu theme, esos ads no van en el theme si no que son ads afuera. Si quieres insectar anuncios de google tendrias que buscan algun script o codigo (truco) que te deje hacer eso.
 
hermano lo que andas buscando es ponerlo ya fuera de tu theme, esos ads no van en el theme si no que son ads afuera. Si quieres insectar anuncios de google tendrias que buscan algun script o codigo (truco) que te deje hacer eso.
Eso busco. Saber donde encontrar ese código.

Enviado desde mi LG-V500 mediante Tapatalk
 
tienes que usar un codigo javascript para que pueda detectar el tamaño de la pantalla y pueda monstrar el anuncio. Despues puedes implementar los ads directamente en tu web php y usando css para el estilo. Aqui te dijo mas o menos un ejemplo:

CSS
Insertar CODE, HTML o PHP:
#anuncioderecha { width:120px; height:600px; position:fixed; right:0; top:0; }
#anuncioizquierda { width:120px; height:600px; position:fixed; left:0; top:0; }

HTML
Insertar CODE, HTML o PHP:
<div id="anuncioderecha">Aqui va el codigo del anuncio de la derecha</div>
<div id="lanuncioizquierda">Aqui va el codigo del anuncio de la izquierda</div>
 
tienes que usar un codigo javascript para que pueda detectar el tamaño de la pantalla y pueda monstrar el anuncio. Despues puedes implementar los ads directamente en tu web php y usando css para el estilo. Aqui te dijo mas o menos un ejemplo:

CSS
Insertar CODE, HTML o PHP:
#anuncioderecha { width:120px; height:600px; position:fixed; right:0; top:0; }
#anuncioizquierda { width:120px; height:600px; position:fixed; left:0; top:0; }

HTML
Insertar CODE, HTML o PHP:
<div id="anuncioderecha">Aqui va el codigo del anuncio de la derecha</div>
<div id="lanuncioizquierda">Aqui va el codigo del anuncio de la izquierda</div>
Mi sitio no es un Blogger. Servirá ahí amigo?

Enviado desde mi LG-V500 mediante Tapatalk
 
tienes que usar un codigo javascript para que pueda detectar el tamaño de la pantalla y pueda monstrar el anuncio. Despues puedes implementar los ads directamente en tu web php y usando css para el estilo. Aqui te dijo mas o menos un ejemplo:

CSS
Insertar CODE, HTML o PHP:
#anuncioderecha { width:120px; height:600px; position:fixed; right:0; top:0; }
#anuncioizquierda { width:120px; height:600px; position:fixed; left:0; top:0; }

HTML
Insertar CODE, HTML o PHP:
<div id="anuncioderecha">Aqui va el codigo del anuncio de la derecha</div>
<div id="lanuncioizquierda">Aqui va el codigo del anuncio de la izquierda</div>

Hermano, copié tu ayuda.

En PC quedaron perfectos los banners pero ¿cómo hago que no salgan en tablets y smartphones?

Oro.webp

Otra consulta. ¿No penalizan por tener los banners en el sidebar?
 
Si mal no recuerdo adsense penaliza por banners flotantes, y para que este siempre al frente creo que se usa este código en el css:

HTML:
z-index: 9999;
 
Mi sitio no es un Blogger. Servirá ahí amigo?

Enviado desde mi LG-V500 mediante Tapatalk

Si hermano por lo que puedes ver el hermano "elgeek" lo hizo.

- - - Actualizado - - -

Hermano, copié tu ayuda.

En PC quedaron perfectos los banners pero ¿cómo hago que no salgan en tablets y smartphones?

Ver el archivo adjunto 62081

Otra consulta. ¿No penalizan por tener los banners en el sidebar?

Hermano aqui no te puedo ayudar mucho pero te dejo este codigo que talves te pueda ayudar!

El codigo lo que hace es que cuando la pantalla llega a X tamaño deja de monstrar el <div> que ya creamos.

Insertar CODE, HTML o PHP:
@media screen and (max-width: 600px) {
  #anuncioderecha {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

y creas otro para el otro anuncio solo cambias el nombre del div amigo, espero que te funcione!
 
Si hermano por lo que puedes ver el hermano "elgeek" lo hizo.

- - - Actualizado - - -



Hermano aqui no te puedo ayudar mucho pero te dejo este codigo que talves te pueda ayudar!

El codigo lo que hace es que cuando la pantalla llega a X tamaño deja de monstrar el <div> que ya creamos.

Insertar CODE, HTML o PHP:
@media screen and (max-width: 600px) {
  #anuncioderecha {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

y creas otro para el otro anuncio solo cambias el nombre del div amigo, espero que te funcione!

Ese código hidden va en CSS? o Junto a los div con las ads?
 
Atrás
Arriba