tag:blogger.com,1999:blog-33571139.post8092781687269390345..comments2023-11-05T08:41:52.609-03:00Comments on Vagabundia: Agregando subtítulos a las entradasJMiurhttp://www.blogger.com/profile/16731144451681787753noreply@blogger.comBlogger62125tag:blogger.com,1999:blog-33571139.post-18667105005175599112014-01-22T16:00:05.260-03:002014-01-22T16:00:05.260-03:00Para lo primero, podrías probar:
$(window).load(fu...Para lo primero, podrías probar:<br />$(window).load(function(){<br />en lugar de:<br />$(document).ready(function(){<br />muchas de esas cosas dependen del orden en que cargan las páginas.<br /><br />Lo segundo no tiene solución. Blogger no tiene subtítulos así que todo lo que está en esa etiqueta es tomada como título literal; sólo podría modificarse si se usara JavaScript cosa que no tendría sentido ya que normalmente no sería detectado por los boots que indexan ni por sistemas que leen contenidos.<br /><br />La otra solución cuando se emplean sistemas como Blogger, donde las limitaciones las define el servicio, es usar HTML en cada posts y escribir una etiqueta de subtítulos en cada una de las entradas.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-52690576528964890512014-01-22T10:42:06.836-03:002014-01-22T10:42:06.836-03:00Muchas gracias! Es curioso, pero funciona... Para ...Muchas gracias! Es curioso, pero funciona... Para dos subtítulos en concreto! He utilizado el script en el widget en cuestión, pero a pesar de tener exactamente el mismo funcionamiento, sólo me lo aplica a las secciones de moda y de belleza. He probado y si las copio repetidamente, a esas dos me hace caso, pero a las de interiorismo y otros no les hace ningún efecto. No tiene mucha lógica, pero yo soy nueva en JavaScript y no entiendo mucho. Si por casualidad se te ocurre alguna lógica a tí, te agradeceré mucho que la compartas conmigo!<br /><br />En realidad, el sistema de subtítulos tiene otros problemas, como que al publicarse automáticamente en Google +, se publica el "título <sub.." tal cual, o cuando la gente lo comparte en twitter... Todo lo que no sea el post en sí toma el subtítulo a su manera. ¿Quizá el problema debería ser atacado en ese sentido?<br /><br />Muchas gracias por tu ayudaAIAMhttps://www.blogger.com/profile/12219925392556468555noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-37011378696793819302014-01-20T00:14:32.234-03:002014-01-20T00:14:32.234-03:00Sólo se me ocurre usar JavaScript para cambiar eso...Sólo se me ocurre usar JavaScript para cambiar eso, eliminando l oque está después de la llave {<br /><br />$(document).ready(function(){<br />$('.recent_posts_with_thumbs a').each(function(){<br />var arr = $(this).text().split(" {")<br />$(this).text(arr[0])<br />});<br />});<br />JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-83873966481379226192014-01-19T21:28:26.302-03:002014-01-19T21:28:26.302-03:00Hola!
he implantado esto en The Lemon Pear para mo...Hola!<br />he implantado esto en The Lemon Pear para mostrar, como si fueran subtítulos, la sección de cada post. Como escribimos de varios temas, cuando escribo sobre moda, detrás del títuli pongo el subtítulo moda y así. <br /><br />El problema es que tengo un widget a la derecha llamado "lo último" en el que soy incapaz de eliminar ni cambiarle el subtítulo y que sólo aparezca el título, puesto que las secciones están indicadas de forma distinta. Sabrías ayudarme con eso? Gracias!AIAMhttps://www.blogger.com/profile/12219925392556468555noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-1417941413627711512013-02-03T19:21:45.761-03:002013-02-03T19:21:45.761-03:00Sencillo y muy eficaz. Gracias. Sencillo y muy eficaz. Gracias. itexthttps://www.blogger.com/profile/06719217459349066982noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-15212290539995607642012-08-18T00:05:25.399-03:002012-08-18T00:05:25.399-03:00No creo que valga la pena hacer algo de este tipo,...No creo que valga la pena hacer algo de este tipo, si se trata de pa´ginas estáticas, es mucho más sencillo que coloques el subtítulo en la entrada misma y uses CSS.<br /><br />Un ejemplo simple. Pongo estas dos reglas de estilo dentro de <b:skin></b:skin><br /><br />.post-body {position:relative;}<br />.post-body h4.subtitulo {position: absolute; margin: 0; top: 50px;}<br /><br />y en la entrada pongo esto al inicio:<br /><br /><h4 class="subtitulo">este es el subtitulo</h4>JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-914317612920205172012-08-17T18:42:48.315-03:002012-08-17T18:42:48.315-03:00Hola!!! Quiero agregar subtítulos en mis páginas e...Hola!!! Quiero agregar subtítulos en mis páginas estáticas, nada más, esto sirve??? Las modificaciones que decís, se hacen la parte del CSS se agrega en la plantilla y lo demás, directamente en ed.html de la página? Lo del CSS, obviamente, cuando decís "lo demás lo dejo librado a tu imaginación", en mi caso, que no entiendo ni medio, se complica bastante. Si quiero poner un subtítulo con el mismo estilo que los títulos de mis páginas estáticas, entonces, cómo sería el CSS. Es para mi blog asesoramientoconsorcios.blogspot.com.ar Gracias!Dra Orueta Maríahttps://www.blogger.com/profile/06426729087261211247noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-15922743333761268432012-02-28T00:11:23.951-03:002012-02-28T00:11:23.951-03:00Está perfecto; dependerá mucho de la plantilla per...Está perfecto; dependerá mucho de la plantilla pero si no hay elementos entre el título y el post, todo andará bien.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-12016463348087992182012-02-27T21:10:55.634-03:002012-02-27T21:10:55.634-03:00Luego de implementar éste hack. Me di cuenta de qu...Luego de implementar éste hack. Me di cuenta de que en las listas de Blogroll de quienes me tienen agregados, en el lector de feeds y en mi propio blog aparecían los subtítulos pegados a los títulos y la verdad no me pareció elegante.<br /><br />Se me ocurrió otra manera y aquí la expongo como un pequeño aporte a lo mucho que <b>JMiur</b> nos regala casi a diario.<br /><br />Primero hay que editar la plantilla en modo HTML y agregar el siguiente código en la sección de estilos CSS, inmediatamente debajo de la etiqueta <b><![CDATA[</b><br /><br />p.subtitulo {<br /> display:block;<br /> color:#555;<br /> font-family:Georgia;<br /> font-size:20px;<br /> letter-spacing:-1px;<br /> margin:-10px 3px 10px 3px;<br /> text-align:left;<br /> text-shadow:3px 3px 2px #CCC;<br />}<br /><br />Luego, editamos el post que deseamos publicar normalmente y agregamos cómo primer párrafo esto:<br /><br /><p class="subtitulo">Aquí va el subtítulo</p><br /><br />...<br /><br />Aquí el resto del texto<br /><br />---<br /><br />Cambién los códigos CSS para que se adapten a sus plantillas y voilà!3rn3st0https://www.blogger.com/profile/15190247048975145135noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-74619033144833329812011-08-04T20:32:03.560-03:002011-08-04T20:32:03.560-03:00En la barra del navegador, se verá exactamente tal...En la barra del navegador, se verá exactamente tal como lo haya escrito:<br /><br />Este es mi título <strong>y este es el subtitulo de la entrada</strong>JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-21274994965720074782011-08-04T19:12:33.767-03:002011-08-04T19:12:33.767-03:00Pero se ve todo completo?? o solo la parte que no ...Pero se ve todo completo?? o solo la parte que no tiene el código????Yurika-Chanhttps://www.blogger.com/profile/18004275547426258253noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-15198154310579332282011-08-04T18:46:14.227-03:002011-08-04T18:46:14.227-03:00En ambos casos, se verá el código HTML como si fue...En ambos casos, se verá el código HTML como si fuera texto.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-53792685894569963572011-08-04T17:17:17.626-03:002011-08-04T17:17:17.626-03:00Genial el truco y es tan fácil que da hasta risa, ...Genial el truco y es tan fácil que da hasta risa, pero una duda me asalta<br /><br />En la barra superior del navegador y en los resultados de las busquedas como aparece el titulo???Yurika-Chanhttps://www.blogger.com/profile/18004275547426258253noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-15164757137739101462011-07-24T00:47:45.092-03:002011-07-24T00:47:45.092-03:00Gracias por confirmarme lo de las etiquetas JMiur....Gracias por confirmarme lo de las etiquetas JMiur. <br />Finalmente el código también funcionó en mi blog. Quizás cuando lo probé no se actualizó la página, aunque se viera bien en la vista previa. A quienes les pase lo mismo les sugiero que hagan una página de prueba y esperen unos días, a veces Blogger tarda en reaccionar.Juan Carlos Zamateohttps://www.blogger.com/profile/02104641746911675359noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-37406594957339299202011-07-22T03:18:20.314-03:002011-07-22T03:18:20.314-03:00Me corría una fija de que el css me funcionaría, p...Me corría una fija de que el css me funcionaría, pero aunque en la vista previa se ve bien, por alguna razón el subtítulo no pasa debajo en la página publicada. Es una plantilla muy modificada y es probable que algo esté interfiriendo, pues veo que a la mayoría le funciona bien. Lo que más me interesaba, comprobar si se ven las etiquetas en el buscador Google, va a tener que esperar porque aunque hice el cambio en pocos segundos ya había indexado la página con el nombre que pongo para que tome como URL. Dudo que dejen de aparecer, pero no estará demás comprobarlo. Aclaro que el css lo toma, lo único que no hace es pasar el subtítulo debajo del título. Si descubro lo que es lo pondré en un nuevo comentario, por si puede servirle a alguien que también haya personalizado mucho la plantilla.Juan Carlos Zamateohttps://www.blogger.com/profile/02104641746911675359noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-199123125767766132011-07-22T01:56:11.337-03:002011-07-22T01:56:11.337-03:00Sí. Por supuesto que la etiqueta será parte del tí...Sí. Por supuesto que la etiqueta será parte del título y se verá en los buscadores.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-84453102420128171242011-07-22T01:25:21.877-03:002011-07-22T01:25:21.877-03:00Algo así hice en mi blog, pero en forma manual, o ...Algo así hice en mi blog, pero en forma manual, o sea poniendo después del Título la etiqueta <br/ > y luego el subtítulo entre las etiquetas <small></small>. Me dio resulado, pero en el buscador Google muestra las etiquetas, aunque en el navegador no se vean. Mi pregunta es si con lo propuesto aquí no pasará lo mismo. De todas maneras voy a hacer la prueba, y si Google indexa enseguida mi página pondré los resultados en otro comentario. Por supuesto esta es una forma mucho más elegante y maleable, con un "mando a distancia" que es el css, que permite cambiar el aspecto de los subtítulos sin editarlos nuevamente, así que aparezcan o no las etiquetas en Google lo adoptaré. Gracias.Juan Carlos Zamateohttps://www.blogger.com/profile/02104641746911675359noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-3145036348769104632010-03-08T00:18:59.963-03:002010-03-08T00:18:59.963-03:00La sintaxis básica para escribir comentarios en CS...La sintaxis básica para escribir comentarios en CSS es:<br />/* este es un comentario */<br />para hacerlo en HTML es:<br /><!-- esto es un comentario --><br /><br />La estructura de <b:skin> </b:skin> usa CDATA y eso permite que las reglas se modificquen levemente pero, mi consejo es ceñirse a la sintáxis y usar /* y */JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-80502631285838578642010-03-07T23:39:16.357-03:002010-03-07T23:39:16.357-03:00Te lo agradezco muchísimo, ya me funcionó =). No s...Te lo agradezco muchísimo, ya me funcionó =). No sé por qué pero tuve que ponerlo justo debajo de donde se genera toda esa parte de los Posts, o sea, no me basto con ponerlo solo detras de /b:skin, tuve que ir más atrás. <br /><br />No sé si me podes orientar en esto, pero te hago una pregunta más :p ... ¿Pasa algo si en esa parte del CSS uso estos? < ! -- -- > . Porque no entiendo, ¿hay dos tipos? ¿Esos que mencione recien y estos? /* */<br /><br />¡Saludooos y graciasss! =)Anonymoushttps://www.blogger.com/profile/08414065482791055147noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-89039875197959356082010-03-05T05:12:56.854-03:002010-03-05T05:12:56.854-03:00Eso lo colcoas antes de &ñt;/b:skin> con el...Eso lo colcoas antes de &ñt;/b:skin> con el resto del CSS.<br /><br />Si escribes el títul ode ese modo, con una etiqueta como SMALL, automáticamente se formateará. Pero, siempre publica antes el título "normal" porque so, gererará la URL del post, luego, editas el título sin problemas.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-62671404797855516982010-03-04T23:11:59.628-03:002010-03-04T23:11:59.628-03:00¡Hola! Última vez que te molesto :p, y ya te agrad...¡Hola! Última vez que te molesto :p, y ya te agradezco desde ahora por tu tiempo y la paciencia que nos tenes ^^.<br /><br />Una preguntita, es que generalmente me las puedo arreglar solo, pero es que a veces no me da jajaja. No entiendo donde tengo que poner esta parte:<br /><br />.post h2 small {<br /> display: block;<br /> font-size: 14px;<br /> font-weight: normal;<br /> /* y el resto librado a la imaginación */<br />}<br /><br />Y, o sea, cuando me respondas donde ponerla, ¿después que hago? ¿Le escribo un título más largo a la entrada y automáticamente lo que antes no estaba me lo pone como subtítulo?<br /><br />Gracias =)Anonymoushttps://www.blogger.com/profile/08414065482791055147noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-53803124133503477352009-12-03T17:07:59.527-03:002009-12-03T17:07:59.527-03:00Esas son cosas que nos pasan a todos, no hay probl...Esas son cosas que nos pasan a todos, no hay problema, Vaylon :)JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-22929617206350690942009-12-03T03:01:29.159-03:002009-12-03T03:01:29.159-03:00¿Ves como te decía que soy más inútil que una sard...¿Ves como te decía que soy más inútil que una sardina? En vez de en el HTML de la plantilla estaba poniendo código en el HTML del mensaje. No me extraña que digan que mi novia es una santa.<br /><br />¡Gracias!Vaylonhttps://www.blogger.com/profile/11223620990010233245noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-32150795339578915742009-12-03T01:35:36.501-03:002009-12-03T01:35:36.501-03:00Vaylon:
Pués, lo que veo en tu ejemplo de pruebas ...Vaylon:<br />Pués, lo que veo en tu ejemplo de pruebas es correcto:<br /><br />.post h3 small {<br />display: block;<br />font-size: 14px;<br />font-weight: normal;<br />}<br /><br />Lo que no veo es que eso esté agreagdo como estilo.JMiurhttps://www.blogger.com/profile/16731144451681787753noreply@blogger.comtag:blogger.com,1999:blog-33571139.post-34719280096506721722009-12-02T22:16:50.018-03:002009-12-02T22:16:50.018-03:00Pido permiso para que me llamen idiota total, pero...Pido permiso para que me llamen idiota total, pero como aún ando conociendo a HTMl y CSS (las saco a pasear, las llevo al cine... A veces nos rozamos las manos y sonreímos juguetones) no sé, en el código del post, donde colocar el CSS para que el subtítulo aparezca debajo.<br /><br />De momento lo intento hacer en el blog que uso para las pruebas (plantilla mínima blanca) y no consigo que quede como explicas. ¿Podrías ayudarme? Le recuerdo que soy, en este aspecto, tan inútil como una sardina. Bueno, quizá no tanto, que he conseguido entender el Header :P<br /><br />Este es mi blog de pruebas: http://fragglepruebas.blogspot.com<br /><br />Y éste es donde quiero colocar los resultados: http://fraggleskine.blogspot.com<br /><br />¡Gracias de antemano!Vaylonhttps://www.blogger.com/profile/11223620990010233245noreply@blogger.com