94

Colocar banners de 125 x 125

Es muy común el uso de espacios de 125 x 125 pixeles para ofrecer la colocación de banner publicitarios o incluso para enlazar alguna web amiga que queramos destacar.

Utilizar un espacio en nuestro blog para este tipo de banner no es muy complicado, usando HTML y CSS tendríamos distintas posibilidades de hacerlo. Vamos a ver como hacerlo usando una lista.

Añadiendo el espacio para banners en un gadget

[1] En Edición HTML colocamos este código CSS antes de la etiqueta ]]></b:skin> de nuestra plantilla.

/*----------Banner 125x125-----------*/

.banner{
margin: 0 0 10px 0;
padding: 10px auto 10px;
width:100%;
float:center;
}
.banner ul {
margin: 0px 0px;
padding: 10px 25px;
list-style-type:none;
}
.banner li{
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:right;
}
.banner li a:link, .banner li a:visited {
text-decoration: none;
}

Guardamos los cambios.

[2] En la parte de Diseño de nuestro panel pinchamos en añadir un nuevo gadget HTML y dentro colocamos este código:
<div class="banner">
<ul>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqM1RfLWyZfenxmLHBdOYc7KjkWgw8xlV-Z6row4U5SbB3Tb5GxGDWR4KPkxoum4eK-_Z2nNaCUcitBtQqaf-5GR2hH5m0U6vf0oX9lSJvO1HglThrZsW3erZrhoU38i5A82NwFGbdpw/s320/banner125.png"/></a>
</li>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqM1RfLWyZfenxmLHBdOYc7KjkWgw8xlV-Z6row4U5SbB3Tb5GxGDWR4KPkxoum4eK-_Z2nNaCUcitBtQqaf-5GR2hH5m0U6vf0oX9lSJvO1HglThrZsW3erZrhoU38i5A82NwFGbdpw/s320/banner125.png"/></a>
</li>

<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqM1RfLWyZfenxmLHBdOYc7KjkWgw8xlV-Z6row4U5SbB3Tb5GxGDWR4KPkxoum4eK-_Z2nNaCUcitBtQqaf-5GR2hH5m0U6vf0oX9lSJvO1HglThrZsW3erZrhoU38i5A82NwFGbdpw/s320/banner125.png"/></a>
</li>
<li>
<a href="http://TU-ENLACE-AQUI" target="_blank"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqM1RfLWyZfenxmLHBdOYc7KjkWgw8xlV-Z6row4U5SbB3Tb5GxGDWR4KPkxoum4eK-_Z2nNaCUcitBtQqaf-5GR2hH5m0U6vf0oX9lSJvO1HglThrZsW3erZrhoU38i5A82NwFGbdpw/s320/banner125.png"/></a>
</li>
</ul>
</div>

125x125


Añadiendo una nueva sección sobre las sidebar

Esta opción solo será posible si en nuestro blog tenemos dos sidebar en el mismo lado.

[1] En la parte de Edición HTML de nuestro panel, añadimos este código en el CSS de la plantilla antes de ]]></b:skin>:
/* Sidebar - anuncios */
#sidebar-publicidad {
float : right;
margin-left:4px;
width : 420px;
background:#ffffff;
font : 14px Georgia Serif;
}
#sidebar-publicidad .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
border: 1px solid #ddd;
}
.sidebar-publi {
float: left;
width: 420px;
margin-left:5px;
margin-bottom: 5px;
}
.sidebar-anuncio {
padding: 5px;
float: left;
}
#sidebar-publicidad p {
background:url(http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SQW1N2J-hII/AAAAAAAAEjU/cwSlppBaB4Y/s320-R/stock_draw-line-ends-with-arrow_24x24.png) no-repeat scroll left 50%;
margin-top:5px;
text-align:left;
padding-left:25px;
}

[2] Más abajo, en el código HTML de la plantilla, localizamos el comienzo de la sección de la sidebar que ha de ser una línea más o menos como esta:

<div id='sidebar-wrapper'>

[3] Sobre esa línea pegamos el código para la nueva sección:
<div id='sidebar-publicidad'>
<b:section class='sidebar-publicidad' id='sidebar-publicidad' preferred='yes'>
<b:widget id='HTML99' locked='false' title='' type='HTML'/>
</b:section></div>

Guardamos los cambios y si todo ha salido según lo previsto, tendremos que ver algo así en la parte de Diseño:

Sección publi

[4] Pinchamos en ese nuevo gadget que tenemos ahora disponible y pegamos este código dentro:
<div class="sidebar-publi">
<div class="sidebar-anuncio"><a href="#">
<img border="0" src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SVWEjzCtrSI/AAAAAAAAF50/rJzVLrzgllc/s320/banner_125x125.jpg"/></a></div>

<div class="sidebar-anuncio"><a style="text-decoration: none;" href="#"><img border="0" src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SVWEjzCtrSI/AAAAAAAAF50/rJzVLrzgllc/s320/banner_125x125.jpg"/></a></div>

<div class="sidebar-anuncio"><a style="text-decoration: none;" href="#"><img border="0" src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/SVWEjzCtrSI/AAAAAAAAF50/rJzVLrzgllc/s320/banner_125x125.jpg"/></a></div>
<div class="clear"></div>
<p>Tu publicidad aquí.<a href="mailto:tu email" title="Publicidad aqui"> Envía un email.</a></p></div>

Resultado:
Publi blog

Notas:

En ambos casos cada uno ha de modificar los códigos según sus necesidades, teniendo especial consideración con el espacio disponible, es decir, si nuestra sidebar mide menos de 270px de ancho aproximadamente, difícilmente vamos a poder colocar los banner de dos en dos sin antes hacer los cambios necesarios en la plantilla.

He incluido las imágenes en los dos ejemplos, podéis usarlas sin problemas ya que están subidas a Blogger.

Entradas Relacionadas:

94 comentarios:


Yeltsin Nicolas

Hola! Gracias Rosa! Disculpa amiga! quiero saber como se pone el blog en forma de lista como tu blog que no aparescan los textos ni nada solo los puros nombres de los post !!!
por favor asi como el de tu blog!
RESPONDEME! PLEASE...
ESTE ES MI BLOG:
WWW.PROGRAMAVIRTUAL.COM Y MI CORREO ES
snoopskar_cadaver@hotmail.com

AYUDAMEEEEEEEEEEEEEEEEEEE!!!

Unknown

¿Cómo funciona Adsense?

Anónimo

TRECARUNGA Estoy aún explorando a ver que pasa...no tengo demasiada idea.
Mira aquí en su página de ayuda, tienen incluso un foro...ando allí leyendo, lo único que hice fue pinchar en la pestaña Monetize del panel, seguir las instrucciones para hacerme una cuenta y colocar los anuncios...no se mucho más.:S

Anónimo

Yeltsin_Nicolas Mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Unknown

Pero, ¿No sabes cómo te dan el dinero que ganas? Siempre tube esa duda...

Anónimo

TRECARUNGA En un cheque que te mandan a tu domicilio, al que pones al registrarte...tienes que pasar de 70$ para que te envíen el pago.
Ah, también leo en el foro que hay países en los que hay problemas para cobrar el cheque no se muy bien porque...

Yeltsin Nicolas

Hola! Estimada! Rosa? Me podras agregar por correo? Es que tengo un problema sobre este punto 3
[3] Buscamos la parte de este código que se encuentra escrito en color negro, y añadimos la parte del código que está escrita en rojo, colocada tal cual lo veis aquí.

Dice Aqui le doy click:http://www.anniyalogam.com/widgets/peekaboo-new.html
La web que dices no aparece POR FAVOR! ayudame!!!! agregame! me urge!
Por ahora Pondre como paginas amigas tu Blog!

Bocha

Mira te acordas cuando me pasaste el codigo de la linea gris del footer, bueno, necesito una igual pero que pueda separar las entradas de la sidebar... LEI UN POST DONDE EXPLICABAS COMO PONER EL BORDE, PERO ME QUEDA MAL, Y QUIERO QUE SEA IGUAL AL DIVISOR DEL FOOTER QUE TENGO AHORA.

SALUDOS.

Como seria?

Unknown

Depende mucho del sistema de pago que desees y que este disponible para tu país. Yo uso Western Unión porque es mas accesible por esta parte del mundo, es decir Perú. Saludos

Anónimo

Yeltsin_Nicolas Si, hay problemas con el hosting del autor...tendrás que tener paciencia hasta que tenga un tiempo libre y pueda "arreglar" la entrada.

No agrego a nadie al msn, nunca lo uso para chatear, solo como correo.

Ah, otra cosa, yo contesto los comentarios aunque los dejes en las entradas antiguas, porque me llega un aviso ami correo...te lo digo para que dejes la consulta en la entrada a la que corresponde y así los demás también podrán usar los comentarios para consultar sus dudas .:D

Anónimo

Bocha No es lo mismo el colocar una líne horizontal como la de abajo que se hace solo con un hr que lo que pretendes en vertical.

Tienes que usar la entrada que comentas para añadir el borde, lo haces en #sidebar-wrapper{ o como se llame la sidebar que tienes pegada a las entradas, y lo añades así:
border-left: 1px solid #e6e6e6;

Así te saldrá del mismo ancho y color que la línea de abajo.

Anónimo

Surplus21 Gracias! Algo leí de eso si, ya te digo que yo ni idea...si alguna vez cobro algo espero no tener problemas :D

Carlos Martínez

Hola, rosa, disculpa que haga un comentario que no tiene que ver con la entrada, pero tengo 2 pequeños problemas en mi blog :-|. Recurro a ti porque cada vez que tengo un problema visito tu blog, busco el post y puff!, se resuelve :)

1. El formulario de comentarios solo me sirve si lo dejo como ventana emergente y no despues de la entrada.

2. El espacio entre cada comentario es tan poco que se ve mal (la fecha del comentario queda muy pegada al que le sigue).

Espero puedas ayudarme, una entrada donde puedes ver lo que te digo es esta.

Mi blog es: Carlitox's Blogs

Unknown

No creo es sencillo =D
Rosita con esta entrada puedo lograr hacer algo parecido al escaparate?? Me refiero a los enlaces abajo de estadistica =D Salu2

Nathan yo

si yo uso adsense y me encanta su sistema pero la verdad es que no me gusta mucho la idea de hacer tratos con personas particulares
PS: Extrañecomentar aquí:P

Anónimo

Carlos Martínez Si a eso le llamas "pequeños problemas" me da miedo pensar a que le llamarás "enormes" :S

Para lo del formulario ¿has tratado de incluir el código manualmente?
De esta forma:
http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html
O de esta:
http://elescaparatederosa.blogspot.com/2009/01/mostrar-el-formulario-de-comentarios.html

Si así no lo solucionas, necesitaré los datos de acceso a tu panel para hacerlo yo, porque entonces será que falta algún código...

Para los comentarios...te faltan bastantes datos en el CSS...supongo que será el diseño de la plantilla a menudo están incompletos, en fin...a ver, prueba colocando en la zona del CSS de los comentarios esta línea:

dd.comment-footer {padding-bottom: 15px;}

Anónimo

Surplus21 Veo que no tienes paciencia para esperar a la entrada...:S

Ahí tienes una forma de hacerlo:
<div style="text-align: center; background:#fff; border:2px solid #82B7C4; padding: 2px;">
<a href="url del enlace" target="_blank"><img src="url de la imagen"/></a><a href="url del enlace"><img src="url de la imagen"/></a>
</div>

Anónimo

Global ¿Porqué dices lo de particulares? :O

Inmortal

:d Muy bueno Rosa:

Una pregunta, El Gagedt "Feed" como sabras lo usamos para poner Las SEccion "Ultimos Comentarios" y "Ultimos Comentarios", bien, despues de varias pruebas no he logrado hacer que muestra mas de 5 Comentarios o Entradas, en la Cofiguracion del Gadget No da opcion a mas.

Habra alguna forma de Lograr Modificar esto?
Saludos

Anónimo

GuillermoZ0009 Los gadget Feed solo muestran 5 items máximo :(

LokoGB

Rosa 2 dudas :S

1. Es posible colocarle un borde a los banners?
2. Como puedo agregar un boton para votar por una entrada en bitacoras y agregar también un boton Tweet, mira así (imagen)

Anónimo

LokoGB Para añadir borde a las imágenes sería algo así, dependiendo de si usas el primer o segundo código:
.banner img{
border: 1px solid #ddd;
}

.sidebar img{
border: 1px solid #ddd;
}

En cuanto a los botones que dices, ahí va:

Bitácoras:
http://oloblogger.blogspot.com/2009/01/boton-de-votacion-de-bitacorascom-sin.html

Re-Tweet:
http://rene-silva.blogspot.com/2009/03/adiciona-un-boton-para-retweets-en.html

Anónimo

rosita gracias por tus tutoriales son muy buenos, ojala pudieras explicarme como hacer menos ancha la barra que sale de nuevos gadgets, la mia se ve muy grande,

Unknown

:D ohhh mi Rosi, ésto sirve también para otras ideas ;)...besos tesoro, buen finde!!!

Unknown

=S solo fue una preguntita no mas Rosita = _ ( ^^ esperare el post =D Gracias por tu paciencia =D

web

muy buena idea

Rosa

Softread "La barra que sale de nuevos gadgets" :O No entiendo de que hablas exactamente...como no me lo expliques de otra forma... :S

Rosa

@Graciela Por supuesto que si mi cielo ;) sirve para colocar cualquier cosilla. ¡Feliz domingo!

@Surplus21 Perdona, creí que lo querías ya. Prometo espabilarme con eso;).

@Vku ¡Gracias!:D

Kebby

Hola Rosa... he visto en algunas páginas la opción para que después de que uno lea la entrada inmediatamente tenga la oportunidad de enviar esa entrada a un amigo via email para que el otro lo lea... ¿Cómo se hace eso? ¿Existe algún código qué colocar para lograr el efecto?... Gracias por tu ayuda... Dios te Bendiga mucho :D
www.eladventistahoy.blogspot.com

Deybi

Que genial idea, aunque antes tendría uno que organizarse para hacer un buen negocio.

¡Saludos!.

Anónimo

Kebby Rodríguez G. Eso se hace desde el panel en la pestaña de Diseño - Entradas del blog - Editar.

Anónimo

Deybi Pues ala! a organizarse :D
Ojalá fuese así de fácil :S

eL carajo

que hay rosa, pus con la molestia siguiente, resulta que intente poner esto en mi blog en la segunda forma que mostras, ahora bien si sale todo bien pero le queda chico a mi siderbar como hago que quede exacto con la mia son unos escasos centímetros, espero que me ayudes...

eL carajo

Que crees pus que inventando con mi plantilla los puse de la siguiente forma, del lado de los post y se ve muy bien gracias por el aporte rosa como siempre lo mejor de lo mejor en el escaparate....

Buena vibra...

JoX3

Eehh.. Rosa.. Una pregunta.. Como se hace para colocar añadir un gadget.. sobre el recuadro que se llama "entradas del blog" que es el espacio donde van las entradas del blog una ves escribes..!! en tu caso aparece del lado izquierdo del sidebar.. pero en el mio sale al centro de las 2 sidebar!! de la plantilla.. GRacias de Antemano

Anónimo

JoX3 Añades el gadget donde sea y luego lo arrastras sobre el espacio de las entradas e incluso debajo...verás que el "hueco" para colocarlo se hace de forma automática.

Anónimo

el carajo Lo he visto...ha quedado genial :D

JoX3

Mmm.. Ya piyo Rosa.. Otra pregunta.. Se puede colocar añadir un gadget del mismo ancho del que se puede poner en el banner? sobre las sidebar y sobre las zona de los post¿?¿?..... Gracias de Antemano

Anónimo

JoX3 Mirate estas dos entradas:

http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

http://elescaparatederosa.blogspot.com/2008/10/aprovechando-espacios-en-la-plantilla.html

Manuel Alberto

Hola Rosa. Una pregunta al paso...(cuando no...), se puede agregar una fuente para el texto de las entradas?...

Editor

Rosa, hola, de nuevo yo, por fis echale un ojito a mi blog para ver que me recomiendas, si una plantilla como la que tengo o una tipo sitio web donde hay pocos skroll. Gracias
Jorge Chica
http://elblogdechica.blogspot.com

Anónimo

Manfenix Tendrías que añadir una línea en el CSS en:
.post h3 {

con algo así:
font: 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;

Fijate que la fuente que va colocada la primera v entre comillas, y esa es la que tiene prioridad, es decir, el visitante verá los títulos con ese tipo de fuente, pero solo si la tiene instalada en su PC, si no la tiene verá la siguiente por defecto y sino la otra que viene detrás...

Anónimo

J0R63 Esa elección es cosa de cada uno...pero según mi opinión, un blog es un blog por mucho que quieras darle el aspecto de página web...

Manuel Alberto

Buen día Rosa. He instalado en mi PC varias fuentes, entre ellas la denominada "Alison", para crear e insertar una firma personal en aquellas entradas de mi interés. En un primer intento, creé una firma en word, luego la copie y en otro editor de texto le di el formato png para aprovechar su transparencia. Subí esta imagen el Picasa y la cargué al blog. Pero como es una imagen, aparece recuadrada y afea el resultado. Luego intenté a través de Mylivesignature, siguiendo todos los pasos, pero luego de publicarla se ve la firma borroneada, deslucida. Ahora voy a intentar incluir la fuente Alison en la plantilla para poder usarla como opción para darle ese formato a la firma personalizada. Se puede hacer así?. Gracias desde ya, como siempre...

Anónimo

Manfenix El problema como ya te dije antes es que, si las visitas no tienen esa fuente instalada en sus PC, no podrán verla...

Te comento que yo,por ejemplo, no la tengo :(

Manuel Alberto

MMm...no me di cuenta de eso. Bueno, seguiré intentanto con Mylives.....hasta encontrar otro manera.
Gracias Rosa.

bibliotecaria

Hola Rosa, tengo una duda muy grande en este momento. En mis blogs tengo AdSense. Ahora les agregué AdWebLink. No me gusta mucho... tengo miego que no sea compatible con AdSense... qué opinión me das? Muchos cariños. Te enlacé en mis blogs.

Anónimo

bibliotecaria No tengo ni idea :S
El jueves o así? pinché en la pestaña Monetize del panel y me hice la cuenta de Adsense...no se más sobre el tema, lo juro :$

JoX3

Muchisimas Gracias Rosa!!! :D:D..!!! Ahora tengo un problema que el texo en las entradas me sale todo centrado!!! :(

Anónimo

JoX3 En esta ocasión no puedo ayudarte sin ver el blog...necesito comprobar su código fuente para localizar el código a modificar.

Viviana

preciosa rosa:

a ver si puedes explicar en un post -xq no ecnotre nada aun- sobre como agregar una segunda columna a un template de 2.

y como agregar las 3 columnas al pie del blog, tal y como tu tienes en este

besos reina!!!

Viviana

y gracias x tu ayuda de SIEMPRE!!!

Anónimo

Viviana y Sofia Pues no encontraste porque no rebuscaste lo bastante :P

Para añadir la sidebar:

http://elescaparatederosa.blogspot.com/2007/06/aadir-una-sidebar.html

Y una búsqueda en mi buscador de "Tres columnas footer":

http://elescaparatederosa.blogspot.com/search?q=tres+columnas+footer

Viviana

es q con las palabras clave son una tremenda boba...

gracias amiga checo tus links YA

Smocker

Hola Rosa, a ver si me puedes echar una mano. He intentado varias veces poner el segundo codigo, pero no solo me salen mal situados, unas de las sidebar se va abajo del blog. Esta es la dirrecion del blog http://humorynoticias.blogspot.com/ y este mi correo ocbgordo@yahoo.es
Gracias de antemano.:D

Anónimo

Smocker Cuando explico algo siempre es como orientación...cada uno ha de tener en cuenta el diseño de su plantilla.
Si digo sobre sidebar-wrapper pero en tu caso has puesto la nueva sidebar antes, tendrás que colocar el código HTML sobre esa:

<div id='newsidebar-wrapper'>

Smocker

He echo lo que me has dicho, a aparecido la nueva zona, pero se me ha descuadrado todo el blog, las otras dos sidebar esta a su bola y la columna principal abajo, que puedo hacer, ayuda porfa. :(

Anónimo

Smocker No se que más decirte...está requeteprobado en una Mínima como la tuya con dos sidebar a la derecha :S

Mira a ver si te sirve esto:
http://elescaparatederosa.blogspot.com/2008/05/aadir-una-widebar-para-plantillas-de.html

Si eres capaz de instalar esa widebar, después puedes añadir los anuncios como en el primer caso y colocarlos en ella.

Trata de colocar el código en distintos sitios...hacer pruebas...no se, yo cuando publico algo lo he probado tres y cuatro veces incluso antes.

Unknown

Buen dia Rosa. Como siempre aqui encontre lo que buscaba.. ahora bien, te hago una preguntita..
Se podran poner las imagenes una junto a la otra? asi como tienes en el segundo caso? pero mas pequeños, supongamos, que quiero poner una imagen de 100x35 y las quiero poner sobre las entradas, q deberia cambiar y en donde?

Si se puede, y no es mucha molestia, me respondes... de todas maneras, gracias igual...

Saludos!!!

Unknown

Ah!! olvide aclarar, intento y me quedan una debajo de la otra, aunque el espacio (hacia la derecha) sea amplio como para que entre mas de una.. si comprendes??

Anónimo

Lalita635 Para colocar un par de imágenes te bastará algo así:

<div style="width: 45%; float: left;">Aqui lo que vaya en la columna izquierda</div><div style="width: 45%; float: right;">Aqui lo que vaya en la columna derecha</div>
<div style="clear: both;"></div>

Carolina

Rosa Hola como estas? un poco de tiempo que tenia el blog abandonado y no pasaba ni de visita, me alegra que estes BIEN!!! :) cuidate.

bye

Anónimo

Carolina ¡Gracias por la visita!
¡Qué estés bien tu también cielo! :D

Editor

Hola Rosa, pregunta sobre esta entrada: luego de ubicar el espacio para la publicidad como subo una imagen de un sponsor o persona que quiera publicitar exactamente allí?

Anónimo

JOR63 El anunciante ha de ponerse en contacto contigo, es el quien te proporciona la imagen o la url de ella, así como el enlace al que deberá apuntar. Tu solo has de colocar los datos en el código.

Laura

Hola Rosa: quiero ver si es posible que mi banner ocupe todo lo ancho...la verdad no se nada de los blogs una amiga fué la que me ayudó
Mi blog :http://la1eraimpresion.blogspot.com/

Laura

Hola Rosa!!
Otra pregunta...tengo mi firma que hice en corel, la subí a un manejador de fotos (Photobucket) de ahi configuré mi entrada para que siempre aparezca la firma...el problema es que sale con un rectángulo...no me gusta...como puedo solucionar esto? mil gracias
mi blog es: http://la1eraimpresion.blogspot.com/

Anónimo

Laura ¿Qué banner? :0

HechoenMarketing

Hola Nuevamente yo; se que no te gusta el tema de los videos, pero lo que quiero saber, es como puedo hacer una cosa como esta de los banners, pero en lugar de poner el código o tag que muestre la publicidad, que pueda poner el código del video y que me lo muestre en una medida similar. Se puede hacer? como hay que hacerlo, alguien sabe? Me canse de usar los widgets que cuando quieren funcionan. Alguien me puede ayudar
Un ejemplo de lo que necesito esta en http://www.moreadwords.com.ar/
Donde dice “El Video + Visto”

Anónimo

Akaztro Si el vídeo es de Youtube por ejemplo, en su código verás un width y un height, es ahí donde cambias el valor que viene por defecto por el que necesites para adaptar el tamaño del vídeo. El widht será el ancho y el height el alto.

Donde estoy tengo muy baja conexión, así que no me ha dejado ver el vídeo de esa página, pues no cargaba, pero he creído entender que lo que querías era adaptar el tamaño del vídeo a un espacio pequeño.

Sebastián Pablo Lastra

Hola Rosa! te molesto por lo siguiente... necesito colocar sobre mi sidebar estos cuatro anuncios, dos arriba y dos abajo, el tema es que cuando lo hago me quedan cortados ya que no me da el ancho de mi side... probé de cambiar los valores a menos de 125 x 125 pero me queda cortado, cómo puedo hacer para adaptar los banners a mi ancho y alto de side??

Muchas gracias,

Sebastián:)

Anónimo

SEBASTIAN Reduce el width:100%; y el alto y ancho de los banners tambien si es necesario, incluso puedes cambiar el padding 10px a 5px

IURISCIVILIS

Hola Rosa. He seguido tus instrucciones atentamente y he instalado correctamente los banners. Mi blog tiene dos columnas de 160 y 250px, respectivamente. He procedido a cambiar el width, desde 410 a 415, 420... hasta 450, pues supongo que se deberá contar el espacio habido entre las dos columnas. Sin embargo, en cualquier caso, las dos columnas y los banners se me sitúan debajo de los post, al final de la página de inicio.

Lo curioso es que si abro el blog desde el feed se ve todo correctamente. He probado con diferentes navegadores y en ninguno aparecen debidamente posicionadas las columnnas y los banners. El blog es www.iuriscivilis.com.

Espero que puedas ayudarme. En cualquier caso, gracias por adelantado. Un cordial saludo.

Marga

Hola Rosa, que tal estás??

Verás, he puesto en el blog los banners de 125x125. He querido ponerles un borde y por probar he añadido border:1px solid #00000;
debajo de float:right;
Pero me queda desplazado, o sea la imagen un poquito fuera del borde.
Que debo estar haciendo mal ???

Mil gracias.
Marga

k

Hola, gracias por el tutorial, llevo probando tres formas pero en todas me salen los banners en fila, uno debajo del otro.
Quisiera verlos en dos filas, y la opción de ajustar los márgenes no me funciona. Algun tip de donde moverlea mi plantilla?

Anónimo

k Cada banner mide 125px más un poco más de separación...si tratas de ponerlos en donde la medida disponible sea menor de 260px por ejemplo, es lógico que se vea en una fila...

k

Gracias, el problema es que mi sidebar mide 280px de ancho, entonces no se por qué razón no me los coloca en dos columnas sino en una.
Y ya movi todos los valores de margen, paddin y hasta tamaño de los banners, y siempre me salen en hilera. :(

Anónimo

k Déjame la url de tu blog y veremos...

Marga

Hola Rosa, cuando puedas me das una pista para solucionar lo de los bordes.
Gracias,

Marga

Anónimo

Marga No se me había pasado tu comentario, es solo que pretendía comprobarlo antes de responderte para darte la respuesta más o menos concreta en cuanto a los cambios a realizar...tengo el tiempo justisimo en estos días y no he podido mirarlo, aunque si puedo decirte que sería modificando margin o padding e incluso ambos...

Marga

No te preocupes Rosa, te entiendo perfectamente.Somos tantos los que "abusamos" de tí ;)

Y agradecerte de nuevo la paciencia que tienes.

Marga

k

Gracias Rosa, ésta es la direc. de mi blog:
http://www.mj-mexico.com/
En este momento probé con otra forma que encontré en la web, pero tampoco me queda, se ven los 4 bloques un tanto 'desfasados'.
Traté editando los márgenes en CSS me parece, pero es muy complicado acertarle a las medidas, sobre todo cuando en firefox y explorer se ve difernete. Y para colmo, me parece que edité los márgenes de todas las fotos de mis entradas. Las veo un tanto más separadas en sus márgenes superior e inferios a como estaban. Alguna solución para eso también? Gracias por tu tiempo.

Anónimo

k Tu sidebar deberia medir al menos 300px para poder incluir estos banners, o reducir el tamaño de los banners...
En cuanto a lo de tus imágenes...yo no se como estaban antes ni lo que has hecho, así que tampoco puedo decirte más...se más concreta o no podré ayudarte.

k

OK, veré que desición tomo en cuanto a los banners entonces.
Pues lo de los espacios de las imágenes, caray, es ´raro´. Me acabo de dar cuenta que no es solo con las imágenes, sino con el texto. Me explico, cuando redacto un post y termino un parrafo, doy punto y aparte. Esto es, punto, enter y sigo escribiendo en el siguiente renglón, pero a la hora de postearlo en el blog no se ven juntos los parrafos, se ve como si hubiera dado dos veces enter. Y es lo mismo que pasa con las imágenes, cuando posteo dos imágenes seguidas en fila (una pegada con la otra de bajo) en el blog aparecen separadas como si le hubiera dado ese enter de más. Yo pensaba que había tocado algo en los márgenes mientras everiguaba lo de los banner de 125, pero ahora no estoy seguro.

Anónimo

k No tengo ni idea...he revisado el CSS y todo parece estar bien, margenes y demás son normales...

WheelStudio - Venezuela

no se por q no aparec mis comentarios te e preguntado varias cositas y nada jeje rosita apliq el primero y no resulto jeje asi q me fui por la segunda opcion como veras solo lo hice por joder como decimos en venezuela mi blog no sera muy profecional pero bue el problema es el siguiente quiero estirarlo un poco como veras no concuerda con lo q tengo debajo probe dond dice width pero en la vista previa no movio nada a menos q no se muestre en la vista previa no se gracias...

Anónimo

Jhonatan En tu perfil hay varios blogs... como no me digas para cual es exactamente...no voy a andar buscandolo yo.

Quién te lo dijo...

Rosa, te he enviado un mail a la casilla de "Contacto". Espero que me puedas responder.

Gracias
JC

Anónimo

¿Quién te lo dijo... Si llega, respondo :D

Sens Lenceria

Hola Rosa:
He incorporado los banners 125x125 en mi blog de Pruebas. Pero como verás, me salen en una sola columna. Ya he modificado algunos "paddings" y "margins", pero siguen ahí. Creo que la sidebar tiene 269px. Se puede modificar un poco el ancho de la sidebar sin "descalabrar" la planilla ? Donde debería hacerlo y que tengo que tener en cuenta ?.
No quisiera achicar los banners. Si queres podes "tocar" mi planilla para arreglarla, pero decime donde hiciste los cambios...
Muchas Gracias por tu ayuda y te deseo un Excelente Año 2010 !!!! Desde La Plata, Argentina. Sergio.
P.D.: El Blog en cuestion es "Sens Pruebas", dado que tengo 3 en esta cuenta.

Anónimo

Sens Lenceria El problema con esa plantilla es que deben de modificarse también las imágenes de fondo que usa al mismo tiempo que la ensanchas... no te servirá de nada ensanchar la sidebar ya que se descorregiría todo el fondo.
Tendrías que ensanchar la plantilla completa.
Tengo una entrada con instrucciones precisas para hacerlo con la de color azul... tendrías que seguir esas instrucciones y luego en esa misma entrada (comentario numero 15) encontrarás las imágenes a sustituir para la plantilla rosa (la tuya):
http://elescaparatederosa.blogspot.com/2007/06/ensanchar-plantilla-thisaway-blue.html

Yohan Omaña

muchisimas gracias amigo, aplicare esto mañana... llevaba mucho buscandolo... gracias... saludos desde venezuela... pasate www.horautil.com me gustaria comunicarme contigo

Marga

Hola Rosa, quería hacerte una pregunta.
Hace ya bastante que puse los banners de 125x125 en el blog y quedó todo perfecto. Pero desde hace unos días me aparecen en una sola fila. Podrías decirme si ha habido algún cambio que me afecte??? No he tenido este problema hasta estos últimos días ...
He puesto lo del leer más que ahora nos facilita blogger accediendo desde Blogger in draft, puede ser por eso ???

Gracias Rosa.
el blog en cuestión es viatjesbenjaimarga.blogspot.com

Un beso,
Marga

Anónimo

Marga He revisado todo y todo lo tienes correcto... así que si tu dices ha coincidido con ese cambio, pudiera ser si... el problema es que no tengo idea de como solucionar eso.

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S