JMiur [E]

Esta segunda entrada explica la forma de crear Posts Expandibles un hack desarrollado por Ramani de Hackosphere. Lo que sigue es una traducción libre de lo publicado originalmente.

En todos los casos, es aconsejable hacer una copia de seguridad ANTES de hacer cualquier cambio a la plantilla.

La idea es que ciertos posts, sólo tendrán visible un texto sumario y el resto se mantendrá oculto hasta tanto se haga click sobre un vínculo ubicado en la parte inferior. Al hacer esto, el texto oculto se hará visible y se agregará otro vínculo al final de este para poder ocultarlo otra vez.

De un modo simple, se puede decidir si el post será normal o expandible.

La implementación es relativamente compleja por lo que se debe ser muy cuidadoso al modificar la plantilla.

1. Para comenzar, ir a Diseño Editar HTML y expanadir los widgets. Luego, buscar el tag </head> y copiar el siguiente código ANTES:

<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' />

2. Buscar el siguiente widget:

<b:widget
id='Blog1' locked='true' title='Blog Posts' type='Blog'>


y dentro de este, el inicio de la siguiente sección:

<b:includable
id='post' var='post'>


La sección original debería ser algo así:

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/>
</div>
... el resto del código ...
</div>
</b:includable>

Los cambios a realizar estan resaltados:

<b:includable id='post' var='post'>
<div class='post' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p>
<a expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"'
href='javascript:void(0);'>
EXPANDIR POST
</a>
</p>
</span>
<span id='hidelink' style='display:none'>
<p>
<a expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"'
href='javascript:void(0);'>
VER SUMARIO
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>

<div style='clear: both;'/>
</div>
... el resto del código ...
</div>
</b:includable>

3. En Opciones Formato, sobre el final de la página hay un área de texto donde puede colocarse un modelo básico que será visto al agregar entradas (Plantilla de entrada). Agregar el siguiente código y guardar:

Escribir el sumario AQUI
<span id="fullpost">
escribir el el resto del post aquí
</span>

Al crearse una nueva entrada se mostrará claramente donde debe ir el SUMARIO (la parte siempre visible) y donde debe ir el resto (lo que quedará oculto).

Si se desea, pueden editarse las entradas ya publicadas y aplicar el hack, incluyendo la parte no visible entre los tags <span id="fullpost"> y <span>.

CÓMO FUNCIONARÁ: los cambios realizados harán que, al abrir la página principal, cada entrada tendrá un SUMARIO (siempre visible) y un texto-vínculo (por ejemplo: 'EXPANDIR POST'). Si bien, el resto del post se cargará, NO será visible hasta hacer click en el vínculo. Entonces, se mostrará todo y el texto-vínculo cambiará a VER SUMARIO. Haciendo click sobre este, se ocultará y nuevamente aparecerá sólo el sumario.

Esto NO se ejecutará en las páginas de items individuales, allí, las entradas se verán completas.

Si se quiere que un post se vea completo, basta borrar el editor antes de comenzar o eliminar el tag <span id="fullpost">.

BUGS: dependiendo de la plantilla, la "distancia" entre la última línea del sumario y la primera del resto de la entrada cuando esta se hace visible puede variar (estar muy juntas o muy pegadas). La solución es experimentar, eliminando/agregando líneas en blanco o tags <br /> en el editor.

PERSONALIZAR: puede ponerse cualquier texto-vínculos y también es posible darles un estilo (fuente, color, tamaño, etc.). Para esto, basta crear una CLASE y agregarla a las declaraciones de estilo en el HEAD de la plantilla. Por ejemplo:
.nuevaClase a {color: ... ; font-family: ... ; text-decoration: ... ;}
.nuevaClase a:link {color: ... ; font-family: ... ; text-decoration: ... ;}
.nuevaClase a:visited {color: ... ; font-family: ... ; text-decoration: ... ;}
.nuevaClase a:hover {color: ... ; font-family: ... ; text-decoration: ... ;}

Y luego modificar las siguientes líneas:
<span id='showlink'>
<p class='nuevaClase'>
<a expr:onclick= ... >EXPANDIR POST</a>
</p>
</span>
<span id='hidelink' style='display:none'>
<p class='nuevaClase'>
<a expr:onclick= ... >SUMARIO</a>
</p>
</span>
POSTS EXPANDIBLES (Expandable Posts)
  • hackosphere Homepage
  • Expandable posts with Peekaboo view
  • Collapsable Posts
  • 130 comentarios:

    Daniel  

    Hola, hemos localizado tu blog y hemos utilizado este artículo para aplicarlo en el nuestro. Estamos encantados con los resultados, podéis verlos en redesfera.blogspot.com así que muchisimas gracias. Sigue así.

    Responder
    JMiur  

    Gracias por tu comentario. Ya vi el resultado y parece funcionar perfectamente.

    Me gustó la idea de poner el texto del vínculo "mezclado" con las imágenes y no sólo al final de cada post.

    Responder
    Daniel  

    Nuestro querido internet explorer me ha jugado una de las suyas. Despues de editar todas las entradas antiguas para hacerlas desplegables, IE no habre del todo la página. Firefox si. he quitado el "leer más" a las entradas antiguas y ya va ¿Que será?

    Responder
    Daniel  

    Desde ahora tngo editado el hack en la entrada "INVITACIONES GMAIL" de redesfera.blogspot.com, este es uno de los considerados posts "viejos". Comprueba tu mismo lo que ocurre al abrir con I explorer. Quitando la imagen ocurre igual. Saludos.

    Responder
    JMiur  

    Te he enviado un EMail mostrándote un error en el código del post. Prueba corregirlo y avísame si el problema se ha resuelto.

    ¿Por qué FIREFOX no provoca el mismo problema?. NO LO SÉ. En realidad, es al revés, SÉ QUE USO FIREFOX porque NO PROVOCA esos problemas.

    Responder
    Daniel  

    ya está claro y solucionado. El problema venía desde el momento en que yo cerraba las secuencias con span y no con /span. fallo mío. Aunque no deja de ser significativo el hecho de que Firefox pase por alto los errores de aficionados como yo y muestre la página correctamente mientras IE no perdona ni un solo error. Muchisimas gracias por tu interes y por tu ayuda. si necesitas algo, ya sabes por donde ando.

    Responder
    Mario Molina  

    JMiur: Te Agradezco por haber traducido este hack. Fue muy fácil instalarlo y me encanta el efecto contraer/expandir puesto que queda mucho mejor que el cortado de post abrupto que realizaba el hack para el blogger original. Sigue así!

    Responder
    JMiur  

    Gracias Mario. Por cierto, hace tiempo que tengo a tu blog como parte de mis recorridos.

    Responder
    Aarón-CQC  

    He usado el articulo para hacer los posts expandibles en mi blog (http://cqcworld.blogspot.com) el problema es que desde IE, el título y los vínculos de los posts en los que uso lo de expandir no me salen, hasta que se pasa x encima con el ratón...
    :S a alguien más le pasa? a qué se debe?

    Saludos!

    Responder
    JMiur  

    Estuve mirando tu blog pero, como el hack no está, se hace imposible determinar cuál es el error. En el 99% de los casos se trata de algo mal escrito, esas cosas que uno mira 25 veces pero no ve. IE hace las cosas complicadas pero si la sintaxis es correcta funciona sin problemas. ¿Qué hacer?:

    1. Por precaución: guardar la plantilla original.

    2. Intentarlo otra vez, insertar el script, modificar la plantilla, revisar cuidadosamente.

    3. Verificar que los posts sean correctos. La sintaxis de Blogger es muy estricta. Si un tag no está cerrado, agrega un cierre a la fuerza y el resultado puede ser impredecible.

    4. Si todo esto falla. Guarda la plantilla (OJO: que no sobrescriba la original) con lo errores y puedes mandármela por email para que la revise. Luego, restaura la plantilla anterior.

    Si tienes cualquier consulta, también puedes hacerla por email.

    Responder
    Anónimo  

    gracias pero ahora mismo estoy usando una sencillez que yo mismo hice XD simpleemnte lo oculto i para verlo deben ir a ver el post entero no se si me entienden ;)
    En cuanto tenga tiempo lo pruebo más detenidamente a ver si lo consigo, porque da un bonito efecto :D

    El problema croe que es que hay varias cosas (etiquetas) que usa blogger que no conozco muy bien :D pero se intentará.
    Hasta pronto ;) y feliz navidad! ^^

    Responder
    JMiur  

    Bárbaro, espero que si consigues un buen resultado compartas el hallazgo, siempre es bueno aprender cosas nuevas. Suerte y feliz navidad.

    Responder
    blastto  

    hola, buscando e encontrado este hack y soy nuevo en esto de blogger... y tengo un problema. Cuando quiero guardar la pagina me sale un mensaje de erro diciendo "Declaración de variable no válida en máscara de página: No es un valor reconocido para tamaño de fuente." Y no tengo ni idea de lo que estoy haciendo mal.

    Un saludo y enhorabuena por el blog, realmente util.

    Responder
    JMiur  

    Es un error de sintaxis. Algo está más escrito. Primero, revisa cuidadosamente lo escrito.

    Si no encuentras el error, selecciona toda tu plantilla, copia y pega el código en el block de notas, guardalo como TXT y adjúntamelo por mail así lo reviso.

    Responder
    blastto  

    He vuelto a hacerlo todo desde el principio y ya me deja guardar la plantilla, pero no me expande el mensaje y creo que el problema esta en el punto 1, porque no se como se expande un widget..
    (uso firefox)

    gracias y saludos

    Responder
    JMiur  

    Voy a tener que modificar el post, fué escrito antes de la traducción que hizo Blogger.

    Ahora, en editar HTML, hay que marcar "Expandir artilugios", de esa manera, se muestra el código completo, y ahí podés agregar lo que sigue del hack, sólo va a funcionar cuando estén cumplidos todos los pasos.

    Por el navegador no te preocupes, funciona en todos.

    Responder
    blastto  

    Si, tuve en cuenta lo de "Expandir artilugios" al hacer el hack. Nose que puede estar fallando...

    Responder
    blastto  

    Ya funciona correctamente, era un codigo que me faltaba. Gracias de nuevo.

    Responder
    Antropóloga Nadir Chacín  

    Hola, estoy tratando de hacer lo que dices, pero cuando busco el widget para insertar el cambio, simplemente no es igual al que tú dices y me da susto cambiarlo. El original que tú tienes no es exactamente igual al mío, ¿en este caso cómo hago? Gracias por tus consejos.
    Salu2
    PD: traté de mandarte mi widget completo pero no me dejó...

    Responder
    JMiur  

    Envíamelo por mail a vagabundia@gmail.com, así lo veo y te puedo dar una respuesta.

    Responder
    Mr29a  

    wep disculpa mi torpeza pero no me anda el código después del paso 2 en primera parte ya me aparece:

    div class='post uncustomized-post-template'

    y para encontrarlo me aperece:

    b:widget id='Blog1' locked='true'
    title='Entradas del blog' type='Blog'

    Encima me aparece un error cuando guardo los cambios por mas que lo edito para que quede igual me da el eror de que "a" finaliza con > o /> busque pero no encontre nada debe cer una bolu.. weno si pode contestame igual ya lei y parece que anda te agradeceria la respuesta

    Responder
    JMiur  

    El error que te aparece es de sintaxis, hay una etiqueta que no está cerrada correctamente o comillas abiertas y no cerradas.

    Para guiarte, debería poder ver el código de tu plantilla, podés comunicarte via mail y trataremos de encontrarle una solución.

    Responder
    Mr29a  

    Ups che toque un un poco mi codigo y anduvo pero era distinto la forma que aparecia en mi blog y una parte de la que tenia que poner ya estaba y creo me faltaba cerrar /div my fault

    PD: Muchas Gracias che por la ayuda muy buenos tips weno no vemo nu gusto

    Responder
    JMiur  

    Me alegro que encontraras el problema :)

    Responder
    Roberto  

    (He puesto [ o ] en vez de < o > para que no lo reconociese como HTML)
    Tengo un problema, cuando busco el [b:widget id='Blog1' locked='true' title='Blog posts' type='Blog'/]
    y leo que deberia aparecer un largo código debajo lo compruebo y me encuentro esto:
    [b:widget id='Blog1' locked='true' title='Blog posts' type='Blog'/]
    [/b:section]
    [/div]

    [!-- spacer for skins that want sidebar and main to be the same height--]
    [div class='clear'] [/div]

    [/div] [!-- end content-wrapper --]

    [div id='footer-wrapper']
    [b:section class='footer' id='footer']
    [b:widget id='BloggerButton2' locked='false' title='' type='BloggerButton'/]
    [b:widget id='NewsBar1' locked='false' title='Noticias varias' type='NewsBar'/]
    [b:widget id='VideoBar1' locked='false' title='Chorradas del youtube' type='VideoBar'/]
    [/b:section]
    [/div]

    [/div][/div] [!-- end outer-wrapper --]
    [/body]
    [/html]
    Y se acaba el HTML de la plantilla ¿tienes idea de que puede ser?

    Pr cierto NO visiteís http://frikimatrix.blogspot.com bajo ningún concepto pues es una pésima página.

    Responder
    JMiur  

    Roberto:

    Para ver el código completo, debes marcar la opción Expandir plantillas de artilugios en esa pantalla de edición. Verás como esas secciones se abren, dejando ver su contenido:

    <b:widget id='Blog1' locked='true' title='Blog posts' type='Blog'/>
    ..........
    ..........
    ..........
    </b:section>

    Responder
    Chanante!  

    Hola! He puesto todo y me funciona perfectamente, pero tengo un problema mucho mayor despues de esto...

    En el IE no se pueden ver los menus de la derecha como las encuestas o el archivo de blogs..

    Que es lo que pasa?

    Gracias

    Responder
    JMiur  

    Eso seguramente pasa por un error en el post. Revisa que el código del post tenga esta estructura:

    <div style="..............">
    LO VISIBLE
    </div>
    <span id="fullpost">
    LO OCULTO
    </span>

    El error más común (incluso el mio) es que quede esto:

    <div style="..............">
    LO VISIBLE
    <span id="fullpost">
    LO OCULTO

    con lo que en IE , perdemos todo lo que está de ahí para abajo.

    Si no encuentras el problema, enviame el código HTML del post por mail.

    Responder
    Chanante!  

    Perfecto, ya está arreglado, vaya error mas tonto se me ha colado jajaja

    Muchisimas gracias! :)

    Responder
    Tlin  

    hola.
    gracias por publicar estas cosas.
    blogger me da problemas con el código, me dice que me falta cerrar una etiqueta "div" pero no la logro encontrar.
    no se si me puedes ayudar.
    gracias

    Responder
    JMiur  

    Envíame un mail contándome el problema. Qué es lo que querías a hacer y cuál es el texto del error.

    vagabundia@gmail.com

    Responder
    Boxes  

    No hay manera... lo he intentado unas cuantas veces pero no consigo poner bien el código

    Responder
    JMiur  

    Revisa cuidadosamente y si no encuentras el problema, comunicate por mail y vemos que puede hacerse.

    Responder
    BMG86  

    Tremendo!!! muchas gracias

    Responder
    JMiur  

    Me alegro que te fuera útil.

    Responder
    Shinnee  

    Genial el post, te explicas con claridad meridiana. Veo que con este scrip solo sale la opción "leer más" si ocultas parte del texto, al contrario de lo que me pasaba con el código que tenía puesto antes, que lo ponía siempre. Se me ha ocurrido sustituir los mensajes de "expandir" y "contraer" por dos imágenes, y la verdad que queda muy bien.

    Te quería preguntar una cosa, ¿se te ocurre alguna forma de hacer que el texto que dejamos como sumario, al expandir la entrada completa, cambie de estilo? Que se ponga en cursiva, por ejemplo. De este modo al abrir el artículo completo es más fácil buscar a primer golpe de vista hasta donde se ha leido ya. No sé si se podrá.

    Responder
    JMiur  

    Tal como has visto, el enlace es eso, un enlace y por lo tanto puede reemplazarse por cualquier texto o por una imagen.

    Si lo que quieres es cambiar e lestilo del área oculta, puedes usar el ID ya que todo eso está dentro de un bloque:

    <span id="fullpost">
    ........... LO OCULTO ...........
    </span>

    así que puedes agregar las propiedades CSS al estilo de la plantilla. Por ejemplo:

    #fullpost {
    font-style: italic;
    }

    Responder
    Shinnee  

    Vale, me lo estaba planteando al revés, en vez de cambiar el estilo del sumario, lo suyo es hacer lo que dices y cambiar el de lo oculto. Voy a probar a ver qué puedo hacer con ello, muchas gracias ^^

    Responder
    JMiur  

    Suerte, Shinnee, n ocreo que tengas problemas en lograrlo.

    Responder
    Max & Birrax  

    Hola, JMiur.

    He probado este truco y funciona a las mil maravillas. Esto, dicho por mí, que ya sabes lo "manazas" que soy, quiere decir que le tiene que funcionar a cualquiera :D

    Lo aplicaré en mi blog de viajes, las entradas son muy largas y creo que será de mucha utilidad.

    Muchas gracias por compartir tu experiencia. Recibe un cordial saludo,

    Max & Birrax.

    Responder
    JMiur  

    Saludos, Max, me alegro que te sirviera :)

    Responder
    El soñador  

    Wenas, me gustaría saber la direción de un feed para saber el número de visitantes en mi blog, y como ponerlo.
    Gracias de antemano

    Responder
    JMiur  

    Un feed, no; lo que necesitas es algún servicio de estadísticas. Hay muchísimos de ellos y cada uno se coloca diferente, el mismo servicio te indica cómo hacerlo.

    Por ejemplo: http://www.sitemeter.com/

    Responder
    Alfredo  

    Hola, JMiur.
    Primero que nada te agradezco por el blog, gracias a ti he podido aprender muchas cosas acerca de los blogs y he tratado de mejorar el mio.
    Traté de aplicar este truco que mencionas y me funciona, pero cuando agrego una imagen no funciona correctamente, sabes por qué se debe esto?, alguien lo ha preguntado antes?
    Gracias por tu ayuda y sigue así.
    Saludos,

    Alfredo

    Responder
    JMiur  

    Alfredo:
    Explícame un poco más ¿cuando agregas una imagen dónde? ¿hay algún ejemplo que pueda verse?

    En principio, no debería haber problemas pero necesitaría conocer más detalles.

    Responder
    Alfredo  

    Hola JMiur, disculpa la demora, he estado un poco ocupado y recién puedo revisar mis correos.
    Puedes revisar mi blog, justo he colocado uno de los errores, el post "Fueron héroes" tiene unos videos, si presiono el link "Leer más" se muestra un párrafo, pero la idea es que se muestre el párrafo y los videos. Si necesitas que te pase las fuentes me indicas como te lo envío.
    Gracias por tu ayuda

    Responder
    JMiur  

    Alfredo: creo ver cuál es el problema aunque es un poco engorroso explicarlo aquí. Intentaré y, cualquier cosa, me mandas un mail y lo vemos más en detalle o te envio el código corregido.

    Todo el post, está dentro de un bloque al que has colocado como justificado:

    <div style="text-align: justify;">
    ................................
    </div>

    dentro de ese bloque, se encuentra la parte que no quieres mostrar:

    <div style="text-align: justify;">
    ................................
    <span id="fullpost" style="display: none;">
    ................................
    </span>
    </div>

    Este tipo de truco requiere que sean dos bloques diferentes, es decir, que TODAS las etiquetas arriba se cierren antes de crear el bloque oculto:

    <div style="text-align: justify;">
    ................................ LO VISIBLE
    </div>
    <span id="fullpost" style="display: none;">
    <div style="text-align: justify;">
    ................................ LO OCULTO
    </div>
    </span>

    Sé que suena engorroso pero no es tan complicado como parece. Se trata de formatear y dejar todo cerrado en cada una de las dos partes.

    Responder
    Alfredo  

    Gracias JMiur!, ya funciona, con tu explicación entendí rapidamente el problema que tenía.
    Gracias nuevamente.

    Alfredo

    Responder
    JMiur  

    Perfecto, Alfredo, me alegro mucho que se arreglara el tema :)

    Responder
    El Aventurero  

    Hola, tengo el mismo problema que les ha pasado a algunos... la sidebar me desaparece con el IE. No sé que es lo que puede estar mal en el codigo. Os he mandado un mail, para ver si lo podria solucionar porque la verdad es que mis post son todos largos y me interesa mucho este truco.

    Gracias! :)

    Responder
    El Aventurero  

    Perdon, no lo puse: Mi blog es: http://aventura-grafica.blogspot.com

    Responder
    JMiur  

    Lo he visto. Es muy extraño. Da la impresión que hay un error en la forma en que se incluye el código en el post. Contestaré tu mail.

    Responder
    El Aventurero  

    Muchas gracias :D He leido de gente a la que le ha pasado lo mismo o sea que parece que el truco tiene algun problema con segun que plantilla. La mía es Lefty Stretch, por si te puede ayudar a identificar el error.

    Saludos desde españa y gracias otra vez!

    Responder
    Eulalia  

    Hola:
    He aplicado este truco en tuneando el blog y ha funcionado a la primera.
    También he publicado una entrada explicando como hacerlo, con referencia a la tuya, por supuesto, aunque explicada a mi manera.
    Lo cierto es que entré en busca de alguna forma de ocultar solo los códigos, como haces tu, ya que a menudo provocan que una entrada se alargue mucho, pero no he sabido encontrar si lo habías publicado.
    De todas formas, como mis explicaciones también suelen ser muy extensas, este truco me ha ido bien. Dejo una introducción y pongo: Como hacerlo, así quien esté interesado en verlo, solo tendrá que pinchar.
    Un abrazo.

    Responder
    JMiur  

    Lo he visto Eulalia :D

    Sobre mostrar y ocultar los códigos, en realidad, eso puede hacerse con cualquiera de los scripts para expandir y contrar elementos ¿Haz probado algo de eso?

    Responder
    Eulalia  

    No, no lo he probado, ya que realmente no sabría qué he de poner ni donde.
    No domino el tema.
    Se me da bien colocarlos en su sitio, si me dicen donde, incluso modificarlos ligeramente si lo que leo lo reconozco, pero saber por mi misma qué script sirve para qué es harina de otro costal, como solemos decir.
    Otra cosa es aplicar cosas conocidas.
    por ejemplo, cambié la fecha de sitio siguiendo tu consejo, y vi lo de poner delante y detrás esos signos para que no se ejecute una orden.
    Pues ahora lo uso para reconocer donde empieza y donde termian un script añadido y para qué sirve cada uno.

    Son mi asignatura pendiente. Las librerias, los scripts y todo eso. El siguiente paso de mi aprendizaje.

    Gracias amigo.

    Responder
    JMiur  

    Mira en este post, allí hay algunos modelos sencillos.

    Es una de las técnicas más comunes y más útiles, no creo que tengas problema en probarlos. En el blog de Gem@ también hay otras formas de hacerlo, todas, hacen más o menos lo mismo.

    Responder
    Eulalia  

    Una pregunta, abusando de tu amabilidad, que me he planteado al volver a ver este código:
    Veo que hay una dirección, lo que me hace suponer que haya algún archivo alojado ahí que hace funcionar el script; ¿debería descargarlo y alojarlo por mi misma o no es necesario?.

    Disculpa mi ignorancia y gracias por tu paciencia.

    Responder
    JMiur  

    Sí, Eulalia, convendría que lo tuvieras alojadoen tu propio servidor aunque también puedes descargarlo, copiar el contenido y agregarlo a la plantilla

    <script type='text/javascript'>
    //<![CDATA[

    AQUI COLOCAS EL CONTENIDO

    //]]>
    </script>

    Cualquier cosa si es inaccesible, me avisas y te lo envio por mail.

    Responder
    -Melo.  

    Hola JMiur...
    hace unos dias aplique este metodo en mi blog y me a funcionado perfecto.....hasta que decidi poner las etiquetas como "nube", y sabes no me habia fijado pero este truco de ocultar una parte del post me esta dando problemas en Firefox y en Opera pero NO en IE =s....me lo encontre raro porque IE es el que siempre da los problemas...mira aqui te dejo la direccion del blog a ver si me puedes ayudar, a ver como lo arreglo...
    el blog es "tvaccess.blogspot.com"
    pues muchas gracias de antemano....=D
    bye!!

    Responder
    JMiur  

    Melo:

    Debería ver la forma en que estás utilizado el hack en los posts.

    Responder
    -Melo.  

    Hola JMiur:

    No se si lo estoy utilizando mal porque no e tenido ningun problema con el hack en los post en el IE, son solo algunos post que en el firefox no se aprecia el hack, lo puedes notar si abres el blog en ambos navegadores al mismo tiempo la misma entrada en un navegador funciona y esas misma entrada en el otro navegador no funciona, no se si me di a entender....suponia que si el hack funciona en un navegador, funcionaba en otro y mas cuando no son en todos los post el problema =S....
    Si quieres y puedes claro esta, te mando la plantilla por el bloc de notas y chequeas el codigo...no se...:)
    Bye y gracias!

    Responder
    JMiur  

    No hay motivo para que no funcione, de hecho, lo hace sin inconvenientes porque no posee instrucciones exclusivas. Por eso, imagino que el problema no debe estar el la plantilla (podría revisarse) sino en la forma de colocarlo en los posts.

    Puedes enviarla sin problemas pero si agregas el HTML de un post donde veas que no funcione, mejor.

    Responder
    -Melo.  

    Hola JMiur:

    Ya solucione el problema :D, no era que lo estaba poniendo mal, lo que pasaba era que en algunas entradas cuando la guardaba las opciones de centralizar y negrita y eso se me distorcionab, no se porque pero luego de un dolor de cabeza por tantas letras :P me fije que no se quedaba como las guardaba y se distorcionaban los codigos :S raro pero bueno ya no me a vuelto a pasar :)....muchas gracias
    bye!! :)

    Responder
    JMiur  

    Las etiquetas deben ser cerradas en orde. El error más común es el que figura en el comentario 28.

    Responder
    Numantina  

    Hola JMiur
    Primero, enhorabuena por los post, son claros y muy útiles.
    Segundo, como casi todos aquí soy un poco inexperta en las plantillas en HTML. Al intentar copiar los codigos que pones, le doy a vista previa o a grabar y lo que aparece es lo siguiente:

    "Lo sentimos, pero no hemos podido llevar a cabo tu petición.

    Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

    * Describe lo que estabas haciendo cuando recibiste este error.
    * Proporciona el siguiente código de error e información adicional.

    bX-c895hm
    Información adicional
    blogID: 8099107800975847479
    host: www.blogger.com
    uri: /html

    Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias".

    A que puede deberse? No se si se trata de un error de sintaxis ya que copio y pego directamente tus códigos. Pero el error que me aparece tampoco es un error que se haya descrito aquí....

    Si me pudieras ayudar te estaría muy agradecida. Mi blog es www.cronicasdesdelaplatanera.blogspot.com y como podeis ver tiene algunos post largos. Mi mail es numantina@gmail.com

    Gracias por anticipado.

    Responder
    JMiur  

    Numantina:
    Lamentablemente no sé qué contestarte. Esos errores sn extraños y Blogger dice que muchos de ellos son temporales.

    Los Grupos de Ayuda de Google tienen muchas entradas con respecto a ese error.

    Lo que probaría es intentar colocar el código poco a poco e irlo guardando por si estás copiando algún error de esos que es muy difícil de encontrar.

    Responder
    Numantina  

    Gracias por la rápida respuesta. No obstante, a lo mejor ese error se debe a que el código de mi plantilla es ligeramente diferente al de tu ejemplo. Te lo copio por si tienes tiempo de echarle un vistazo.

    [b:includable id='post' var='post']
    [div class='post hentry']
    [a expr:name='data:post.id'/]
    [b:if cond='data:post.title']
    [h3 class='post-title entry-title']
    [b:if cond='data:post.link']
    [a expr:href='data:post.link'][data:post.title/][/a]
    [b:else/]
    [b:if cond='data:post.url']
    [a expr:href='data:post.url'][data:post.title/][/a]
    [b:else/]
    [data:post.title/]
    [/b:if]
    [/b:if]
    [/h3]
    [/b:if]

    [div class='post-header-line-1'/]

    [div class='post-body entry-content']
    [data:post.body/]
    [div style='clear: both;'/] [!-- clear for photos floats --]
    [/div]

    Nuevamente, gracias por todo.

    Responder
    JMiur  

    Por lo que veo, sólo hay dos diferencias:

    Tu plantilla dice:
    <div class='post hentry'>
    y allí debería cambiarse por:
    <div class='post hentry' expr:id='"post-" + data:post.id'>

    Tu plantilla dice:
    <div class='post-body entry-content'>
    y allí debería cambiarse por:
    <div class='post-body entry-content' expr:id='"post-" + data:post.id'>

    Haz eso solo y guarda. No deberá haber cambios de ninguna clase en la plantilla y tampoco error. Recién entonces, continua con el resto que es exactamente igual.

    Responder
    Numantina  

    Ha funcionado a la perfección!! Efectivamente, era ese el problema que tenía. Te estoy muy agradecida.

    Seguiré aprendiendo con los consejos de tus posts.

    N.

    Responder
    JMiur  

    Me alegro que funcionara :D

    Responder
    Francisco  

    Gracias a tus consejos y los de otros bloggers mi blog va está tomando forma. Sólo tengo una pregunta (o más bien deseo) existe forma de utilizar este truco windows live writer?

    Responder
    JMiur  

    Si escribes el código HRML manualmente en el post donde vayas a usarlo, no hay problema.

    Todo lo que esté entre <span id="fullpost"> y </span> se ocultará.

    Responder
    Franklin Melendez  

    Hola, gracias por tu aporte, tu blogger es muy bueno espero que siga ayudando a los blogeros, ya que los blogger son herramientas muy interesantes y contribuyen significativamente al desarrollo educativo y tecnológico, mil gracias.
    Mi blogger es http://matematicaenlaweb.blogspot.com/ y estoy comenzando, pero espero aportar muchos a mis compañeros de Universidad colocando informaciones interesantes sobre las matemáticas.

    Mi correo es: mailto:Matematicahoy@Gmail.com

    “Mil Gracias”

    Responder
    HaCk CrAcK  

    Hola Jmiur, como haria para que el ultimo post aparesca completo, ocea normal, y los demas 5 (por ejemplo) aparesca solamente el titulo, sin el contenido del post?

    Responder
    JMiur  

    Habría que contarlos. Crear un script, verificar la cantidad, etc. No, no es sencillo.

    Responder
    Aretino  

    Sabes, creo que chrome no lo acepta y muestra el post completo

    Responder
    JMiur  

    Aretino:
    No veo que pase eso con Chrome, sería raro porque este hack no utiliza nada extraño, es un código muy simple. Debe estar pasando otra cosa.

    Fíjate en el home de mi blog de pruebas. Allí está puesto. Veamos si te ocurre lo mismo para descartar posibles errores del código.

    Responder
    matius  

    Yo solo les recomiendo no usar estos métodos porque al cargarse el contenido en la página y ocultarse el resto, muchos buscadores como Google se dan cuenta del contenido oculto sobre todo si es mucho y las penalizaciones pueden durar un par de meses, aún cuando uno no ha hecho nada.

    Yo por eso quite el hack, que se me hacia de lo más útil. :(

    Prueben http://jmiur.blogspot.com/

    en el Spam detector http://tool.motoricerca.info/spam-detector/

    Responder
    JMiur  

    A ver, vamos a aclarar las cosas y ser lo más diplomático posible. Lo que estás afirmando es falso. Me parece que necesitas informate un poco más sobre el tema. En todo caso, sería más prudente preguntar antes que afirmar.

    Si la propiedad CSS display:none fuera "tan terrible", simplemente, no existiría. De hecho, cualquier servicio, desde Google hasta Microsoft, la utilizan a destajo. El mismo Blogger la usa y es lo que me permite, por ejemplo, moderar los comentarios, colocar la fecha en los posts, seleccionar ciertas opciones, etc, etc. Cada vez que despliegas o contraes algo de un sitio, la estás utilizando y esos métodos, de ninguna manera están penalizados.

    Lo que analiza ese "servicio" al que haces referencia, es si se usa o no se utiliza esa propiedad en determinada página. No hace falta hacerlo, basta buscar display:none en el código fuente para saberlo. Casi no existen sitios en donde no exista.

    ¿Google penaliza el contenido oculto? Sí pero no por que esté oculto. No es un problema formal, sino de fondo, es decir, de contenidos. Penaliza el fraude, ocultar palabras claves repetidas, enlaces indeseables, redirecciones y cosas por el estilo. De ninguna manera penaliza el uso de esa propiedad que es absolutamente aceptable. Este mismo blog es un ejemplo de ello a menos que Google sea tan tonto de no penalizarlo a pesar de estar hace tres años online ;)

    Responder
    Kenneth Jack  

    Saludos...Le he mandado un mail, sobre un problema con este truco...esperare su confirmacion de si le ha llegado...Gracias de antemanos....

    Responder
    Manuel de la Fuente  

    Hola de nuevo. ¿Habrá alguna forma de combinar este hack con el efecto slide de Prototype?

    Responder
    JMiur  

    Sí, lo acabo de recibir. Veré de qué se trata.

    Responder
    Kenneth Jack  

    EUREKA!!!Ahora si funcionan de nuevo!!pero para no depender de alojamiento que luego se caigan lo pegue directamente a la plantilla,espero que no sea una desventaja y para asegurarme que fuera a funcionar copie el codigo del codigo fuente del blog de prueba(comtr 78)jeje...bueno se lo estoy notificando....MIL GRACIAS Y SALUDOS...

    Responder
    JMiur  

    Manuel: Diría que sí, que debería poderse aunque no lo he intentado. Veremos.

    Kenneth Jack: Perfecto. Me alegro. Pegarlo en la plantilla es lo mejor.

    Responder
    Manuel de la Fuente  

    Bueno, esperaré a ver qué se te ocurre. ;)

    Responder
    Jorge Verón Schenone  

    Sr. JMiur, el resultado fue lo que estaba buscando !, como siempre, son muy buenos sus aportes. Comencé a implementarlo en el Blog. Sin embargo, sobrevino un problema, al utilizar la herramienta de idiomas de Google, la rutina javascript no funciona (No es la primera vez que ocurre esto). Existe alguna forma de contrarrestar este problema?. Un saludo, y desde ya le agradezco cualquier aporte. Jorge.

    p.d. Hice también una prueba de traducción de su Blog y algunas rutinas tampoco funcionan.

    Responder
    JMiur  

    Explícame un poco el tema porque no termino de comprenderlo.

    Responder
    Jorge Verón Schenone  

    Intentaré hacer una descripción más detallada del problema. La idea era crear un blog (o sitio web) que pueda ser traducido por los usuarios de distintos países (mediante la herramienta de idiomas de google: “http://www.google.com.ar/language_tools?hl=es”), sin que se pierda su navegabilidad; es decir, que se puedan seguir todos sus enlaces desde la traducción.-
    Funciona sin problemas con páginas realizadas en HTML puro y hojas de estilo. En cambio, cuando se implementan algunas rutinas javascript (resulta casi inevitable no utilizarlas, ya sea por una cuestión de comodidad, contenido dinámico, etc.), se producen efectos no deseados (por ejemplo, un texto mostrado mediante javascript, no se verá traducido). Específicamente con relación a lo explicado en el post: “http://vagabundia.blogspot.com/2006/11/beta-hacks-posts-expandibles.html”- cuando la página utiliza ese hack, al ser traducida por dicha herramienta, no mostrará sólo el sumario; sino que se verá éste, más la descripción y la leyenda “expandir” al final (es decir, que la rutina no ocultará la descripción).-
    Podrá comprobar fácilmente ésto, si intenta traducir del español al inglés el post: “Expandir y contraer (otras formas)” del 27 de agosto de 2007 (“http://translate.google.com.ar/translate?u=http%3A%2F%2Fvagabundia.blogspot.com%2F2007%2F08%2Fexpander-y-contraer-otras-formas.html&sl=es&tl=en&hl=es&ie=UTF-8”).-
    Haciendo clic sobre “Show / Hide [+/-] ” de la página traducida, el contenido no se expandirá. Lo mismo ocurrirá en “Click to Show / Hide ”.-
    Sin embargo, sí funcionan las rutinas utilizadas en “CLICK HERE” y “Los Archivos” (Cuyo texto quedará en castellano).-
    Por último quiero aclarar que estoy utilizando el navegador Firefox versión 3.0.10 bajo Xubuntu 9.04. Podría ser un problema de éste navegador, pero lo dudo. También lo he comprobado con el navegador Opera version 9.64 Build 2480 bajo el mismo sistema operativo.-

    Le comento además, que a pesar de varios intentos, aún tengo problemas para reemplazar la rutina indicada en el post “Beta Hacks – Posts Expandibles” del 10 nov 2006, por la utilizada en “CLICK HERE” (post del 27 de agosto de 2007), atento a desconocer aún en profundidad partes esenciales de la plantilla. Sería tan amable de darme un ejemplo de su implementación para visualizar sólo el sumario de los post y expandir a su descripción ?.-

    Desde ya muy agradecido por su tiempo.-
    Saludos !
    Jorge

    Responder
    JMiur  

    Entiendo la idea.

    Por cierto, parece que en Windows pasa lo mismo así que, por ese lado, no se trata ni de sistemas operativos ni de navegadores.

    Lo que no comprendo es porque ocurre eso, es extraño porque todos esos ejemplo son scripts similares. El problema es que, como el traductor toma el control de la página, no tengo forma de hacer un debug para intentar encontrar una respuesta si es que existe alguna.

    Responder
    Alfredo  

    Hola JMiur, ¿cómo te va?, estoy recurriendo nuevamente a tu sabiduría en blogger para poder corregir un error que detecté hace unos días en mi blog. Cada vez que presiono el botón para expandir el post este no se expande. Me puse a revisar el código y aparentemente está bien, está compilando y en el último de los recursos tuve que dejar de utilizar ese componente para un post reciente. Leí que el problema era con Chrome, IE y firefox y no funciona ahora.
    Si es posible indícame que puede estar pasando o que ruta debería de seguir.
    Gracias por adelantado.

    Responder
    JMiur  

    Es que no se carga el script y por eso no funciona:
    http://www.anniyalogam.com/widgets/hackosphere.js

    No sé si eso es algo temporal o no. Puedes descargar una copia de ese script ACÁ

    Responder
    yuribien  

    Estimado JMiur, creo que he cometido un grave error al escoger mi plantilla, por ejemplo los codigos de sustitucion que brindas para esta maravillosa opcion de expandir mis post no son los mismos y algunos ni aparecen por lo que no veo donde o hasta donde sutituir. Podrias darle un vistazo a mi dolor de cabeza, creo que me podrias ayudar o aconsejar.
    Este es el codigo que sale en mi pagina.

    http://yurienaquino.blogspot.com/

    Responder
    JMiur  

    yuribien:
    Por lo que veo en un post de pruebas de tu blog, parecería que está resuelto:
    http://yurienaquino.blogspot.com/2009/06/prueba-para-leer-mas_13.html
    Lo veo funcionar bien ¿Qué problema notas?

    Responder
    yuribien  

    JMiur amigo gracias por tu interes y atencion, no pense que respondieras tan rapido y en mi desesperacion cambié de blog, te voy a enviar el blog correcto donde no he podido hacerlo porque los comandos que das para sustitucion no me aparecen. http://gracenicole777.blogspot.com/
    es posible que aparezcan pero con otros nombres totalmente diferentes?
    Cualquier cosa dejame saber.

    Gracias

    Responder
    JMiur  

    Sí. Por ejemplo <div class='post'> es:
    <div class="post uncustomized-post-template">
    y <div class='post-body'> es quivalente a:
    <div class="storycontent">

    Es un problema si los desarrolladores de plantilla comienzan a colocarles nombres subjetivos a los elementos comunes de Blogger :D

    Responder
    javierargmich  

    hola hice el post expandible pero me aparece en la portada unicamente. cuando hago click en Entradas antiguas, me aparece los post completos y no expandible. Por favor me puede ayudar :D . si puede ser. este es mi blog: Vyblogs.blogspot.com

    Responder
    JMiur  

    Estás usando un truco similar pero distinto, llamado peekaboo.

    Es probable que estés colcoando una condición errónea indicando que sólo se meustre en el Home. Es algo que no puede verse online, sólo en la plantilla.

    Reduce la cantidad de entradas por página porque sino, es casi imposible que terminen de cargarse. El hecjo de estar colcoadas de ese modo no hace que no se carguen sólo que no se vean y son demasiados.

    Responder
    javierargmich  

    ok,...lo único que tengo que hacer es probar, para ver si puedo lograr hacer lo que quiero. Gracias por contestar. Es muy atento.

    Responder
    VideoJuegos  

    me encanta tu blog hemos aplicado tu truco al nuestro miralo plis es http://eltribulete.blogspot.com/

    Responder
    cargohe  

    Hola yo tengo el leer mas pero para que salga en otra pagina, no que se expanda pero resulta que en estos días instale google chrome y me di cuenta que el efecto en ese navegador no sale, si no que se ve toda la entrada en la pagina principal, en mozilla e IE sael bien. que podría ser eso.
    Utilice este leer mas
    http://ntreparentesis.blogspot.com/2007/09/el-truco-de-leer-ms-en-blogger-y-un.html

    Responder
    JMiur  

    Vas a tener que revisar lo que has hecho porque, en realidad, tampoco funciona en el resto de los navegadores ya que se supone que al hacer click en ese LEER MAS, se debería desplegar la entrada completa y no llevarte a otra página.

    Es un truco bastante viejo y funcionará en cualquier navegador pero, lo que hace es eso que expliqué. Si lo que quieres es que se abra en otra ventana, entonces, no tiene sentido usarlo, en ese caso, colcoa el MORE de Blogger.

    Responder
    cargohe  

    si es para que lo habrá en otra pagina, pero como antes no existía el MORE de Blogger, ahora el dilema es que si lo quito todas las que tienen ese efecto se pierden, sera que podre usar la de MORE de Blogger sin borrar la que ya tengo ???

    Responder
    JMiur  

    No. No puede transformarse la una en la otra, son diferentes pero, si pueden usarse ambas de manera simultánea. Una u otra indistintamente.

    Responder
    Ismael Parras Ramirez  

    Hola!

    En primer lugar quisiera felicitar por las aportaciones que nos haces, te sigo desde que empecé con en el blog y me has sacado más de un apuro, Gracias! ;-)

    Quisiera hacer una pregunta sobre la opción “Leer más”. He visto que has publicado varios artículos al respecto con diferentes métodos. En mi blog esto utilizando uno muy básico (sin script, un “Leer más con imagen), bien, me he dado cuenta de que en las subscripciones por correo sale “la imagen” que tengo puesto para “Leer Mas”.

    ¿Qué puedo hacer para que esto no me ocurra? ¿Existe algún método para hacer el “Leer más” sin que quede reflejado en las subscriciones? ¿Implicaría que se cargaría de inicio el post completo aunque se ocultase (lo digo por de vez en cuando pongo videos)? Resumiendo: ¿Existe algún método que oculte el texto, que no salga el “leer mas” en las subscripciones y que no cargue todo el post de inicio (haciendo así la pagina principal más liviana)?

    Gracias anticipadas y un cordial saludo!! :-)

    Responder
    JMiur  

    Ismael:
    Lamentablemente, no hay ninguna forma de controlar los feeds así que, todo lo que se muestra en las entradas, será visible. Los feeds no poseen propeidades CSS así que, aún cuando algo esté oculto, quien reciba la suscripción por mail, lo verá.

    El tamaño del feed en si mismo no afecta la carga de la las páginas, son cosas independientes. En todo caso, la única posibilidad es establecer como opción que no se vean completos sino "cortos" pero, para las suscripciones por correo n oes nada recomendable.

    Responder
    nesmago  

    tengo un problema...he cambiado la plantilla anterior por una navideña y al querer volver a implementar este truco de leer más....al buscar las variables y partes del codigo a reemplazar me doy cuenta que no son las mismas... he tratado de ver cuales son las que puedo cambiar pero no he podido...agradeceria me ayudaran un poco...
    la direccion de mi blog es http://upolibackstage.blogspot.com/..

    Responder
    JMiur  

    Es posible que no tengas que modificar nada porque lo que ahora está ocurriendo es que el script no se carga, el navegador me dice:

    Failed to load source for: http://www.anniyalogam.com/widgets/hackosphere.js

    Responder
    Ami~  

    Jmiur, te quería contar que usé este método porque tiene la particularidad que nos permite mostrar 2 textos, uno cuando se recoge y otro cuando queremos expandir, a diferencia de otros "expandir/contraer" que muestran un sólo texto.

    Bien, el punto es que hace unas semanas dejó de funcionar, y si me voy directamente a la web http://www.anniyalogam.com/widgets/hackosphere.js, me aparece en blanco, por lo que pensé que el java estaba malo, así que resubí el java completo a mi propio servidor, pero sigue sin funcionar. No hice ninguna modificación más, sólo cambié la url en el JS antes de "/head" ¿qué más debo hacer para que funcione como antes?

    Por tu valiosa ayuda, desde ya, muchas gracias.

    Responder
    JMiur  

    ¿Me puedes dar un ejemplo de un psot donde ocurra eso? Porque he mirado tu blog y no lo veo claro. Aparentemente, el script está y no tiene errores. Lo que noto es que hay varios que hacen lo mismo.

    Responder
    Ami~  

    Acá mismo está aplicado el código http://www.cockayne-soup.com/2010/03/neo-genesis-vol26-entrevista-kai.html y no pasa nada :((, ¡es como si no hubiese nada!
    A ver qué será...
    Bueno, desde ya muchas gracias :D

    Responder
    JMiur  

    Pero, este hack (si hablamos del mismo y creo que si), sólo funciona en el home y en las páginas como archivos y etiquetas pero no en las páginas individuales, ahí, el post, siempre se ve completo.

    En tu blog, sólo sería en el home porque para etiquetas y archivos estás usando otro que es muy similar y que sólo muestra los títulos.

    Responder
    Ami~  

    ¡Per mira qué necia soy! jeje Perdón por haberte hecho perder el tiempo :$ y ¡gracias por todo!

    Responder
    JMiur  

    Oh, no es nada, Ami. Si la duda está despejada, perfecto :)

    Responder
    Carolina CameronTags  

    Hola, buenas tarde JMIUR, estuve colocando el hack en mi blog y quisiera preguntarte como colocar la miniatura de imagen que aparece en cada post como en tu blog. Como la mayoria de mis posts son presentación de imágenes y casi nada de texto quedan muy "vacios", solo aparece el título y los botones sociales (que dicho sea de paso, no quedan muy bien tampoco, en primera vista), estaría mejor que tuviera una miniatura de imagen. Muchas gracias desde ya.

    Responder
    JMiur  

    El tema de las miniaturas no lo estoy haciendo con esete tipo de script sino de otro modo:

    http://vagabundia.blogspot.com/2009/10/resumen-posts-1-el-encabezado.html
    http://vagabundia.blogspot.com/2009/10/resumen-posts-2-extractos-del-texto.html
    http://vagabundia.blogspot.com/2009/10/resumen-posts-3-las-miniaturas.html

    No es el único tipo de solución, pero siempre se basan en alguna clase de script extra.

    Responder
    Carolina CameronTags  

    Gracias por orientarme JMiur, estaba perdida con el tema de expandir y contraer posts. Por el momento quité este hack y estoy trabajando con los otros temas. Tengo para "entretenerme" bastánte y seguir solicitandote ayuda porque tengo otras preguntas, pero las haré en los posts correspondientes. Mil gracias, de nuevo :)

    Responder
    JMiur  

    Carolina:
    Este hack ya no tiene demasiado sentido utilizarlo, si se quieren resumir los artículos, mejor usar el MORE de Blogger que es más simple y más efectivo.

    Responder
    mis compritas  

    Estimado JMiur. espero que te acuerdes de mi sobre este mismo tema, me ayudastes a agregar esta opcion de expandir para mi blog y trabajó muy bien durante tiempo pero hace 2 semanas me esta dando un gran problema del que quisiera pudieras orientarme. mi pagina es www.miscompritas.com te pido de favor me informes que crees que esta ocacionando este inconveniente que por si solo ha surgido. Gracias

    Responder
    JMiur  

    Lo que parece ocurrir es que el script alojado en Google Sites no se carga. Teniendo un dominio propio, es dudoso que pueda usarse Google Sites para alojar archivos y hacer hotlink, me parece que hay una restricción al respecto y qeu sólo pueden usarse en subdominios de blogspot.

    Responder
    mis compritas  

    que me recomiendas que pueda hacer aunque no sea lo mismo, de veras no se mucho sobre codigos es por eso pido tu opinion para ver si hay otra opcion o otra puerta por la que pueda hacer lo mismo o parecido sin restricciones?

    Responder
    JMiur  

    Lo mejor sería que copairas el contenido del script y lo pusieras directamente en la plantilla de este modo:

    <script type='text/javascript'>
    //<![CDATA[
    ...... aqui pegas el contenido

    //]]>
    </script>

    Responder
    Jos  

    Saludos tengo la nueva plantillas 2010 de blogger pero no he logrado colocar correctamente el codigo a las nuevas plantillas personalizadas, alguna idea de como hacerlo funcionar correctamente. Muchas gracias por tu atención

    Responder
    JMiur  

    ¿Aplicar esto? No, no tengo idea, no las he mirado; teniendo en cuanta la existencia de la opción MORE que es más o menos reciente, no creo que este tip ode trucos siga siendo útil.

    Responder
    jonathan[i2000]  

    Hola, solo agradecer por todos los articulos del blog. No puedo aplicar todos los trucos que nos presentas porque utilizo una plantilla de las nuevas (no la clasica 2006). Muchas veces mis codigos son distintos, por ejemplo encuentro cosas distintas como

    .main-outer {
    margin-top: $(main.cap.height);
    background: $(main.background);
    }

    .main-inner {
    padding-top: $(main.padding.top);
    }

    .main-cap-top {
    position: relative;
    }

    .main-cap-top .cap-right {
    position:

    Etc.
    = Gracias

    Responder
    JMiur  

    No es algo que pase sólo con plantillas nuevas, pasa con cualquier otra que no posea los nombres originales. En el caso de esta entrada, no tiene mucho sentido su aplicación ya que Blogger, hace tiempo que posee una opción nativa que permite usar un MORE mucho más eficiente.

    Responder
    jonathan[i2000]  

    Cómo es eso?

    Responder
    JMiur  

    Si la pregunta es por el MORE, fíjate en esta entrada.

    Responder
    Susana  

    hola JMiur, gracias por tu anterior solución sobre qué corregir en la fecha, ahora tengo otro problema con la plantilla que elegí, ya que por algún motivo, no me parece que funcione el leer más que muestra como "más información". el blog es: lecturasnoobligatorias.blogspot.com ojalá me puedas indicar lo que está mal para corregir. o qué otra forma puedo usar para no mostrar los post completos. Desde ya muchas gracias!!

    Responder
    JMiur  

    Ese es un detalle que no puede verse online porque no se ve en el código fuente, sólo en la plantilla misma.

    ¿Has verificado que la plantilla tenga los códigos necesarios tal como se muestran en esta entrada?

    Responder

    ¿Quiere dejar un comentario?

    recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

    Nota: sólo los miembros de este blog pueden publicar comentarios.

    Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

    Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

     
    CERRAR