Cómo colocar banners de forma vertical en mi web

Scandal280992 dijo:

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

Hacer clic para expandir...

Scandal280992 dijo:

Así es, si se puede solo crea un widget html y pegas tu codigo

Hacer clic para expandir...

ltlobos7 dijo:

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.

Hacer clic para expandir...

Scandal280992 dijo:

Aquí creas los gagets donde irán tus anuncios:

Ver el archivo adjunto 62056

Y dentro pegas el código de tu anuncio:

Ver el archivo adjunto 62057

Hacer clic para expandir...

JesusEC dijo:

Veo que tienes 3 colinas en tu blog. Me podrías pasar la URL x MP para ver que se ven. Gracias 🙂

Enviado desde mi LG-V500 mediante Tapatalk

Hacer clic para expandir...

ltlobos7 dijo:

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>

Hacer clic para expandir...

ltlobos7 dijo:

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>

Hacer clic para expandir...

JesusEC dijo:

Mi sitio no es un Blogger. Servirá ahí amigo?

Enviado desde mi LG-V500 mediante Tapatalk

Hacer clic para expandir...

elgeek dijo:

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?

Hacer clic para expandir...

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

ltlobos7 dijo:

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!

Hacer clic para expandir...

JesusEC dijo:

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

Hacer clic para expandir...

ltlobos7 dijo:

ese codigo es para que los ads no salgan en lo mobiles o tablets, y van en el css

Hacer clic para expandir...