Cómo poner dos códigos en la barra lateral en WordPress

[ronpsp]

Hola quiero poner dos codigos en la barra lateral.
Estoy usando un widget de texto el codigo del anuncio es este

Anuncio

<script type="text/javascript"><!--
google_ad_client = "ca-pub-6055996633260222";
/* anuncio largo */
google_ad_slot = "6591328828";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

y la imagen que quiero poner el codigo es este

imagen

<a href="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png"><img src="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png" alt="" title="ANUNCIATE" width="130" height="600" class="aligncenter size-full wp-image-879" /></a>

como puedo hacer para colocarlas en dos columnas?

 

[JaviB]

¿Quieres decir que quieres poner en un mismo widget los dos anuncios, pero en vez de uno debajo del otro, uno al lado del otro?

Si es eso, prueba a poner el primer código en una capa con float left (no prometo nada, pero por probar..) 😉

<div style="float:left">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6055996633260222";
/* anuncio largo */
google_ad_slot = "6591328828";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<a href="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png"><img src="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png" alt="" title="ANUNCIATE" width="130" height="600" class="aligncenter size-full wp-image-879" /></a>

<div>

 

[ronpsp]

¿Quieres decir que quieres poner en un mismo widget los dos anuncios, pero en vez de uno debajo del otro, uno al lado del otro?

Si es eso, prueba a poner el primer código en una capa con float left (no prometo nada, pero por probar..) 😉

<div style="float:left">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6055996633260222";
/* anuncio largo */
google_ad_slot = "6591328828";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<a rel="nofollow" href="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png"><img src="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png" alt="" title="ANUNCIATE" width="130" height="600" class="aligncenter size-full wp-image-879" /></a>

<div>

Correcto =) , si quisiera poner un espacio entre ellas que pondria?

edito: esta bien pero los anuncios que tengo en la cabezera se me modifican al cambiarlo asi y se me descolocan :S

 

[richi0417]

Para poner un espacio entre ellos usa un salto de linea mira:

< br/>

 

[JaviB]

La forma más fácil de poner un espacio sería como dice Richi, con un salto de línea.

Para que no se descoloquen otros elementos, posiblemente lo puedas solucionar metiéndolos en divs con style="clear:both".
O sea,

<div style="clear:both">
CODIGO...
</div>

De todas formas es difícil saberlo así sin conocer todo el código, pero busca información sobre eso porque por ahí pueden ir los tiros..

 

[ronpsp]

puff he probado a probarlo asi

<div style="float:left">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6055996633260222";
/* anuncio largo */
google_ad_slot = "6591328828";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
[COLOR="red"]< br/>[/COLOR]
</div>
<a rel="nofollow" href="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png"><img src="http://www.appleboletin.com/wp-content/uploads/2011/07/ANUNCIATE1.png" alt="" title="ANUNCIATE" width="130" height="600" class="aligncenter size-full wp-image-879" /></a>

<div>

y no me va tambien he puesto lo de
<div style="clear:both"> y se me descoloca aun mas :S