tag:blogger.com,1999:blog-33571139.post979949807565251242..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Modificando las plantillas (Tutorial 2: Widebars)JMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger85125tag:blogger.com,1999:blog-33571139.post-24494210300368843872012-12-24T01:04:02.865-03:002012-12-24T01:04:02.865-03:00El código es tan simple como esto:
<div id=&qu...El código es tan simple como esto:<br /><br /><div id="un_nombre"><br /><b:section class="" id="una_seccion_cualquiera" /><br /></div><br /><br />El resto, depende de lo que quieras hacer, del tipo de contenido que vayas a agregar y de las reglas de estilo que definas.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-12463124526144595842012-12-23T14:51:31.790-03:002012-12-23T14:51:31.790-03:00Supongo que será una sección y el lar a colocar se...Supongo que será una sección y el lar a colocar seria el inferior dividida en 2 rectángulos. Lo de poner la ID diferente tampoco se como se hace por más que no debe ser ninguna cosa del otro mundo.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-90703097258347003322012-12-23T14:32:40.436-03:002012-12-23T14:32:40.436-03:00Supongo que te refieres a una sección: 1 | 12 | 3 ...Supongo que te refieres a una sección: <a href="http://vagabundia.blogspot.com/2007/11/blogger-plantilla-elementos-y-secciones.html" rel="nofollow">1</a> | <a href="http://vagabundia.blogspot.com/2007/11/blogger-plantilla-elementos-y-secciones_08.html" rel="nofollow">12</a> | <a href="http://vagabundia.blogspot.com/2007/11/blogger-plantilla-elementos-y-secciones_13.html" rel="nofollow">3</a> | <a href="http://vagabundia.blogspot.com/2007/11/blogger-plantilla-elementos-y-secciones_15.html" rel="nofollow">4</a><br /><br />Todo dependerá del sitio y de que quieras hacer con exactitud.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-78827962520872053002012-12-23T14:18:41.197-03:002012-12-23T14:18:41.197-03:00Es que no se como se llaman los rectángulos en los...Es que no se como se llaman los rectángulos en los que dice añadir un gadget o HTLM/javascript. No se si ya sabes a que me refiero.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-13672078936751811112012-12-23T14:08:38.628-03:002012-12-23T14:08:38.628-03:00Tendrías que explicar más porque "esos como s...Tendrías que explicar más porque "esos como se llamen" es bastante confuso.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-52265136532456480772012-12-23T09:19:12.847-03:002012-12-23T09:19:12.847-03:00Como veo esta entrada es muy antigua, sin embargo ...Como veo esta entrada es muy antigua, sin embargo hasta ahora no me había dado por añadir una sidebar dividida en dos o tres partes y en la parte inferior, alguien me ha dicho que aquí lo podía encontrar pero no veo donde dice como añadir esos como se llamen en la parte inferior del blog. ¿Cual es la solución?.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-33571139.post-53127974906930489562012-07-05T02:05:05.790-03:002012-07-05T02:05:05.790-03:00Me alegra que sirviera, Hernán.Me alegra que sirviera, Hernán.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-86948138496379903012012-07-04T23:49:50.416-03:002012-07-04T23:49:50.416-03:00Muy buen articulo lo aplique en mi blog y quedo ge...Muy buen articulo lo aplique en mi blog y quedo genial, gracias por el aporteHernan Vallejohttps://www.blogger.com/profile/17350226654918267899noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-53885128829767633732011-10-22T00:42:52.975-03:002011-10-22T00:42:52.975-03:00El DIV sidebar-area dice tener 140 pixeles y dentr...El DIV sidebar-area dice tener 140 pixeles y dentro de ese DIV esta todo esto:<br /><br />widebar-wrapper<br />main-wrapper<br />sidebar-wrapper<br />newsidebar-wrapper<br /><br />Eso es un error ¿cuál es el el uso que tiene ese DIV? Si me guio por tu imagen, debería contener a widebar-wrapper, sidebar-wrapper y newsidebar-wrapper pero no a main-wrapper. Indudablemente, está mal colocado.<br /><br />Un detalle más, si debe contener a esos otros DIVs no puede medir 140 pixeles ya que sus contenidos son más anchos.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-83685364349644502252011-10-21T21:15:42.898-03:002011-10-21T21:15:42.898-03:00Hola JMiur, gracias a una amiga, me dio la idea ac...Hola JMiur, gracias a una amiga, me dio la idea acerca de poner divs necesarios en la plantilla de mi blog <a href="http://asicious.blogspot.com" rel="nofollow">Asicious</a> donde al parecer esta funcionando normal, sin embargo el area-sidebar se fue hasta el fondo del mismo mientras la main-wrapper permanece en el lugar indicado; me ha sugerido revisar el número de pixeles de cada elemento con tal de no sobrepasar la suma o el ancho del header, es decir 980px incluyendo margenes. Mi imagen de medidas es <a href="http://imageshack.us/photo/my-images/543/asiciousmedidas.png/" rel="nofollow">aquí</a> Algo me dice que no son los pixeles sino otra cosa pero no sé qué es, tú tendrás alguna solución para ubicar la sidebar-area al lado derecho del main-wrapper, por favor? :((<br /><br />PD. Incluso probé otra idea, quitar algunos px a la widebar-wrapper y las dos sidebares de la sidebararea y no se ha movido de ahí.Cêzhttps://www.blogger.com/profile/04867544146837359973noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-82724419911700876782011-06-04T01:27:36.768-03:002011-06-04T01:27:36.768-03:00Ese es el punto exactamente.
Lo otro, no puedo de...Ese es el punto exactamente.<br /><br />Lo otro, no puedo decirte, es algo que debes ver en tu plantilla (sin expandirla) y cer la forma en que está armada para saber donde comienza y termina cada DIV.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-9601656676093471562011-06-03T23:20:44.149-03:002011-06-03T23:20:44.149-03:00Oh con razón, después de leer tu explicación con d...Oh con razón, después de leer tu explicación con detenimiento (4 veces jejeje) y no tenía idea de la complejidad de mi error. Justamente estaba probando (cuando no llegaba tu respuesta) a ver si lograba crear un area-sidebar con los códigos de tu entrada y como era de esperarse, me falló.<br /><br />Según entiendo, para la solución de mi problema debo dividir el content-wrapper en dos areas, el primero para entradas y el otro para las sidebars sin afectar al footer. <br />Pero no sé cuál es el código y en qué parte de la plantilla para crear y cerrar un div para mi main-wrapper y otro div para contenedor-sidebars? Ahí estoy estancado porque no encontré una entrada acerca de divs.<br /><br />Gracias<br /><br />PD. Mi blog es <a href="http://asicious.blogspot.com/" rel="nofollow">Asicious<br /></a>Cêzhttps://www.blogger.com/profile/04867544146837359973noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-5994850950005773362011-06-02T00:10:41.354-03:002011-06-02T00:10:41.354-03:00Las imágenes nada dicen porque lo que se ve en la ...Las imágenes nada dicen porque lo que se ve en la ventana de diseño sólo es una representación del blog epro nada más. Podrían verse invertidas ahi y derechas en el blog.<br /><br />Básicamente, tu codigo fuente tiene esta estructura:<br /><br />newsidebar-wrapper float:right<br />widebar-wrapper float:right<br />main-wrapper float:left<br />sidebar-wrapper float:left<br /><br />Son cuatro rectángulos dentro de content-wrapper y eso es justamente el error y lo que explica esta entrada. Eso que llamas area-sidebar no es una columna ancha sino que debe ser un contenedor de todas las sidebars.<br /><br />Dentro del content-wrapper debería haber dos grandes DIVS:<br /><br />main-wrapper float:left<br />contenedor-sidebars float:left o right es insistinto<br /><br />Ese último es el que debe contener als 3 sidebars:<br />widebar-wrapper float:left o right es insistinto es doble ancho<br />newsidebar-wrapper float:right ancho simple<br />sidebar-wrapper float:left ancho simpleJMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-29125646251627185552011-06-01T23:02:22.436-03:002011-06-01T23:02:22.436-03:00Hola JMiur, estuve leyendo del 1er al último comen...Hola JMiur, estuve leyendo del 1er al último comentario en busca de algo parecido al mi problema, resulta que en mi blog <br /><a href="http://asicious.blogspot.com" rel="nofollow">Asicious</a>, tengo la widebar o area-sidebar como dice en tu entrada la tengo desubicada, es decir, esta situada entre Main y la 1ra sidebar, para ser mas claro, hice una captura desde Blogger (<a href="http://imageshack.us/photo/my-images/853/corregirsidebar.jpg/" rel="nofollow">aquí </a>) y desde Vista previa se ve <a href="http://imageshack.us/photo/my-images/706/corregirsidebar.jpg/" rel="nofollow">así</a> y no he podido acomodar esta area-sidebar en medio de las dos sidebares como tu penúltima imagen. Revisé los float, los width y no entiendo qué me esta fallando? serías tan amable de regalarme una aspirina? :S<br /><br />GraciasCêzhttps://www.blogger.com/profile/04867544146837359973noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-18323027256586220312011-04-20T13:09:55.977-03:002011-04-20T13:09:55.977-03:00Al final lo logre, tenías razón los códigos los pu...Al final lo logre, tenías razón los códigos los puse en el lugar equivocado, había entendido mal la explicación del post.<br />Muchas Gracias JMiur!!.:DA.C.https://www.blogger.com/profile/17035076987451705451noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-53781643856872376602011-04-19T23:21:38.758-03:002011-04-19T23:21:38.758-03:00L oque dice el post es que cambies esto:
<div ...L oque dice el post es que cambies esto:<br /><br /><div id='sidebar-wrapper'><br /><b:section class='sidebar' id='sidebar' preferred='yes'><br /><!-- acá están los gadgets --><br /></b:section><br /></div><br /><br />por esto:<br /><br /><div id="sidebar-area"><br /><div id="sidebar-wrapper"><br /><b:section class="sidebar" id="sidebar" preferred="yes"><br /><!-- acá están los gadgets --><br /></b:section><br /></div><br /><div id="sidebar-derecha"><br /><b:section class="sidebar" id="sidebarderecha" preferred="yes" /><br /></div><br /><div id="sidebar-izquierda"><br /><b:section class="sidebar" id="sidebarizquierda" preferred="yes" /><br /></div><br /></div><br /><br />Y eso, no tiene errores de sintaxis, cada etiqueta está debidamente cerrada.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-23936353109685574722011-04-19T13:17:31.717-03:002011-04-19T13:17:31.717-03:00Yo estoy colocando el codigo:
(div id="sideba...Yo estoy colocando el codigo:<br />(div id="sidebar-wrapper")<br /> (b:section class="sidebar" id="sidebar" preferred="yes")<br /> .......<br /> (/b:section)<br />(/div).<br />Que está casi al final de la plantilla, en el post dices que lo coloque dos veses más después de (/b:section)y también dices que le cambie la ID a los dos códigos que repito porque no se pueden repetir las ID.<br />Se supone que quedaría algo así:<br />(div id="sidebar-area")<br /> (div id="sidebar-wrapper")<br /> (b:section class="sidebar" id="sidebar" preferred="yes")<br /> .......<br /> (/b:section)<br /> (/div)<br /> (div id="sidebar-derecha")<br /> (b:section class="sidebar" id="sidebarderecha" preferred="yes" /)<br /> (/div)<br /> (div id="sidebar-izquierda")<br /> (b:section class="sidebar" id="sidebarizquierda" preferred="yes" /)<br /> (/div)<br />(/div)<br />Ahora mi problema es:Hago lo que acabo de explicar pero me sale al poner vista previa:"No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente. <br />Mensaje de error de XML: The element type "b:section" must be terminated by the matching end-tag "".<br /><br />Error 500"<br />¿Que debo hacer?¿Y que es eso de cerrar mal las etiquetas?<br />Espero ahora si explicarme mejor :)A.C.https://www.blogger.com/profile/17035076987451705451noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-90057448468882752372011-04-18T23:51:45.594-03:002011-04-18T23:51:45.594-03:00No sé qué es lo que estás cambiando. Por el mensaj...No sé qué es lo que estás cambiando. Por el mensaje de error que te meustra Blogger, estás cerrando mal alguna etiqueta pero es imposible decirte si no se qué es lo que estás cambiando y qué código estás usando para cambiarlo.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-88144747785017234152011-04-18T20:18:24.435-03:002011-04-18T20:18:24.435-03:00Perdón por mal expresarme, intento colocar los cód...Perdón por mal expresarme, intento colocar los códigos para crear las dos nuevas sidebar que dices que van después de (/b:section).A.C.https://www.blogger.com/profile/17035076987451705451noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-61596080007585767382011-04-18T04:44:34.139-03:002011-04-18T04:44:34.139-03:00No sé dónde l oestás intentando colocar ni que est...No sé dónde l oestás intentando colocar ni que estás intentando colocar.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-74152090602738200582011-04-18T01:35:04.300-03:002011-04-18T01:35:04.300-03:00Hola JMiur soy nuevo en los blogs y tengo un probl...Hola JMiur soy nuevo en los blogs y tengo un problema, no sé a lo que te refieres con lo de la "id" porque pego los códigos y al poner "vista previa" me sale:"No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente. <br>Mensaje de error de XML: The element type "b:section" must be terminated by the matching end-tag "".<br /><br />Error 500"<br />Además cuando dices que pege los códigos debajo de (/b:section) me encuentro con 3 (/b:section) y no sé cual es.<br />No tengo ni idea de cual es el problema, no sé que hago mal.Gracias!!A.C.https://www.blogger.com/profile/17035076987451705451noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-27169937057537563102010-12-20T19:35:49.393-03:002010-12-20T19:35:49.393-03:00Para eso debes usar algunos de los plugins sociale...Para eso debes usar algunos de los <a href="http://developers.facebook.com/plugins" rel="nofollow">plugins sociales</a> que provee el mismo Facebook.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-48198945909205976062010-12-20T12:37:21.373-03:002010-12-20T12:37:21.373-03:00si ya me funciona.gracias jmiur.Ya que estoy empez...si ya me funciona.gracias jmiur.Ya que estoy empezando me podrias ayudar en esto.lo que pasa es que estoy tratando de poner algo asi como siguenos en facebook.y que te muestre los seguidores que tienes.no se si me explique bien.bueno hey tratado de poner pero no logro hacer eso hasta ahora.no se si me puedas explicar esto.colmilloBlancohttps://www.blogger.com/profile/07035877885479919471noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-21297984219170998812010-12-20T01:52:55.829-03:002010-12-20T01:52:55.829-03:00No sé cómo es el código que tienes en la plantilla...No sé cómo es el código que tienes en la plantilla pero, en todo caso,, deberías condicionarlo:<br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br />... y aqui va el código de adsense<br /></b:if/>JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-37561578209029392902010-12-19T19:24:14.154-03:002010-12-19T19:24:14.154-03:00ok Jmiur.Eso are ahora mismo.una pregunta.hey pues...ok Jmiur.Eso are ahora mismo.una pregunta.hey puesto unos codigos asi como siga leyendo .para que me aparescan varias entradas .el problema es que tengo algunos anuncios de adsense.y eso me aparece en las entradas junto con los titulos de los libros que publico.yo quisiera que me aparesca los anuncios despues de hacer clic en siga leyendo.Aqui mi blog para que lo veas.gracias<br />http://www.obraspoemas.blogspot.comcolmilloBlancohttps://www.blogger.com/profile/07035877885479919471noreply@blogger.com