Cómo separar un cuadro de Adsense del título y contenido en mi blog

B

Baico

Épsilon

• 3 Jun 2012

• #1

Hola amigos,

Tengo un pequeño problema:

Tengo un cuadro de adsense entre el título de los post y el contenido del post.

El problema es que está demasiado pegado a ambos y necesito separarlo pero no se como tengo que hacerlo.

Ya he conseguido separar el título del cuadro con el atributo padding de esta manera: .post h3 {padding: 6px 2px 20px 0; color:inherit}

pero aun lo tengo pegado al contenido por la parte inferior.

Alguien sabe como hacerlo?

Que atributo tendría que modificar?

Gracias!!

 

S

Science

Eta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Jun 2012

• #2

Los anuncios pueden ir dentro de un div y le pones el atributo overflow: hidden 🙂

 

B

Baico

Épsilon

• 3 Jun 2012

• #3

Ahora mismo con el código transformado lo tendría así,

<b:if cond='data:blog.pageType == &quot;item&quot;'><center>
&lt;script type=&...................
....................&lt;/script&gt;</center>
</b:if>

Me podrías indicar como meterlo en el div con el atributo hidden??

Estoy un poco perdido como veis con el html..... :sorrow:

 

D

deluxxin

Zeta

Diseñador

• 3 Jun 2012

• #4

puedes poner la url del blog? para checar mas claramente

 

F

Flames

Gamma

Redactor

• 3 Jun 2012

• #5

<div style='margin:20px;'>
CODIGO DE ADSENSE
</div>

 

B

Baico

Épsilon

• 3 Jun 2012

• #6

Eres un crack, me acabas de salvar la vida (cuenta de adsense) !
jajaja :encouragement:

Flames dijo:

<div style='margin:20px;'>
CODIGO DE ADSENSE
</div>

Hacer clic para expandir...

 

S

Science

Eta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Jun 2012

• #7

cocinacasera dijo:

Ahora mismo con el código transformado lo tendría así,

<b:if cond='data:blog.pageType == "item"'><center>
<script type=&...................
....................</script></center>
</b:if>

Me podrías indicar como meterlo en el div con el atributo hidden??

Estoy un poco perdido como veis con el html..... :sorrow:

Hacer clic para expandir...

Tienes que definir una class en el contenedor donde van los anuncios. Por ejemplo, podemos definir la class "ads", de tal modo que pondrías <div class="ads">[aquí van los anuncios]</div>, esto iría en el html, justo encima del contenido.

Luego en el CSS, que imagino que sale al inicio de tu página, añadirías en cualquier lugar el código:

PHP:

.ads{
position: relative;
float: left;
overflow: hidden;
margin: 20px 0;
}

Esto pondrá espacio 20 arriba y 20 abajo, así no hace falta que modifiques otros elementos del theme. Y lo alineará a la izquierda. La alineación la puedes cambiar o quitarla, no es necesaria. El overflow llenará todo el espacio de abajo para que no se solape texto en el anuncio.

- - - Actualizado - - -

No había visto la solución de Flames. Te lo ha explicado más fácil. :encouragement:

 

Z

ZoroRoronoa

Delta

• 3 Jun 2012

• #8

Claro amigo, esto era cuestion de CSS.

Si todos tus adsences los quieres mas separados, como te mencionaron, metelos en un contenedor con clase:
<div class="myadsence">AQUI ADSENCE</div>

y con CSS le das las propiedades:
.myadsence {margin:20px;}

o en defecto para separar solo arriba y abajo
.myadsence {margin:20px 0;}

Saludos.

pd: LibrosWeb.es - Libros gratuitos sobre HTML, CSS, JavaScript, AJAX y otras tecnologías web

 

B

Baico

Épsilon

• 4 Jun 2012

• #9

Gracias a todos por vuestras soluciones! Ya lo he arreglado.... es suficiente con 20px de separación?
No me gustaría que me bannearan.....

 

Z

ZoroRoronoa

Delta

• 4 Jun 2012

• #10

Ps tu ponle diferentes valores, hasta que veas que es una distancia apropiada.

 

A

anxogma

Delta

Redactor

• 4 Jun 2012

• #11

Si no siempre podrias meterlo en un cuadro al lado o algo...

 

Andres128

Iota

Programador

Verificación en dos pasos activada

• 6 Jun 2012

• #12

ZoroRoronoa dijo:

Ps tu ponle diferentes valores, hasta que veas que es una distancia apropiada.

Hacer clic para expandir...

Ahi tienes la respuesta 🙂