Títulos expandibles en la página principal

16 de marzo de 2010 170 comentarios ,
Ya hemos visto cómo poner los títulos expandibles en una búsqueda, esto es que cuando se hace click en una etiqueta o al archivo del blog aparecen sólo los títulos de las entradas, y se se le da click al símbolo junto al título se puede mostrar el contenido de la entrada.
Esto sirve para dos cosas, una para hacer que la página cargue más rápido, y otra para que el lector encuentre más fácil lo que busca leyendo sólo el título de la entrada.

Bueno, muchos me han preguntado si esto mismo se puede hacer en todo el blog incluyendo la página principal, es decir que al entrar el blog las entradas aparezcan de esa forma, mostrando sólo los títulos de las entradas y con la opción de expandir el contenido.

titulos expandibles

La respuesta es sí, sí se puede, sólo basta modificar una condicional del código que se usó en la entrada de los títulos expandibles en una búsqueda para que el efecto se aplique a todo el blog, a excepción de las páginas estáticas, pues ahí debe mostrarse de forma normal.

Bien, para empezar debes descargar este archivo, descomprimirlo y subirlo a un alojamiento. Luego entra a Plantilla | Edición de HTML y marca la casilla Expandir plantillas de artilugios. Ahora pega antes de </head> lo siguiente:
<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>
<script src="URL del archivo" type="text/javascript">
</script>

Pon la URL de archivo que subiste previamente.
Por último busca lo que está en color negro y agrega lo que está en color rojo en el lugar exacto donde se indica:
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>


<b:include data='post' name='post'/>

</b:if>

Y listo, sólo se mostrarán los títulos de las entradas aun en la página principal del blog.
Te recomiendo que alojes el script en la plantilla, el script que debe alojarse es el que está en color verde.

Ver | Cómo alojar scripts en la plantilla


170 comentarios en:

" Títulos expandibles en la página principal "

  1. Mmmmm, le puse eso a mi plantilla, y ya no se podia ver ninguna entrada, tambn ensayé con cómo poner los títulos expandibles en una búsqueda y no puedo leer la información que oculto con la opcion de Read More de Blogger Draft =[, así que creo que este truco no es para mi plantilla xDDD!

    Saludos :PP!

    ResponderEliminar
  2. que bien, hay que intentarlo.

    pero, tengo una pregunta.

    Yo tengo una campaña que dice que si alguien me sigue, yo tambien lo tendre que seguir.

    El problema es que muchas veces no tienen un link de su perfil y no se cual es su blog.
    ¿Que puedo hacer?

    ResponderEliminar
  3. CяιsтιαиGσиzαlєz, si tienes una plantilla muy modificada será difícil que este o cualquier otro truco funcione, la razón es que no tienen todos los códigos completos o en el lugar debido.

    El Venado, en los datos del usuario de la lista de seguidores hay una opción que se llama enviar un mensaje, podrías mandarle un mensaje para preguntarle en qué blog debes seguirlo, de otro modo no veo cómo.

    ResponderEliminar
    Respuestas
    1. se puede cambiar el color al texto, para que quede adecuado a la plantilla, saludos y gracias me funciona al 100%

      Eliminar
    2. Me pasa exactamente el mismo problema... y no esta muy modificada que digamos... saludoss

      Eliminar
    3. El truco ya no funciona bien en todas las plantillas, además que el script (en color verde) por el momento está deshabilitado de Dropbox.

      Eliminar
  4. Haha no no, espera, creo que el error es mio, osea, el truco queda bn, se ocultan las entradas y todo, pero dije que habia un error con lo de el Read More de Blogger Draft y pues no es así, porque oculté unas imágenes con esa opción de Read More y tal parece que ya las imagenes no existen, el link está roto, deja vuelvo a poner el truco y ensayo con otra entrada que contenga el Read More ;)

    Gracias brother!! Saludos :PP!

    ResponderEliminar
  5. Mmmmm, brother, puse de nuevo el truco, le doy click en el simbolo [+/-] y no se vé el link para ver el contenido oculto con el Read More, pero si le doy click en el título ps ya obvio me aparece el contenido oculto, tengo ganas de no volver a usar el Read More xDDD!!

    Saludos ^^)

    ResponderEliminar
  6. Fíjate que nunca he probado este hack en entradas con Read More, pero lo cierto es que si usas este hack ya no es necesario tener el Read More pues las entradas ya van estar ocultas.
    Espero tengas buenos resultados.

    Saludos!

    ResponderEliminar
  7. buenos dias Potro.
    Esta es una utilidad para mi muy importante ...
    llevo 3 horas y no soy capaz que funcione , he hecho de todo.
    Probablemente es que soy un "carroza" y a partir de los 60 ya uno de esto na de na ...
    Has puesto los 5 bloques juntos ,rojo1 negro1 rojo2 negro2 rojo3.
    He hecho todas las variaciones y nada ...
    Hasta eliminar lo de leer mas , tambien cambie de plantilla ....
    Me interesa saber como emparejarlos ,
    yo entiendo que por un lado rojo1 esta con negro2 y por el otro lado rojo2 esta con negro2 ycon rojo3.
    Tambien he probado rojo1 , negro1 y rojo2 por un lado y negro2 con rojo3.

    Tambien que o yo soy daltonico o un zoquete , ya que no veo nada en verde ???.

    Repito que probablemente soy yo que estoy muy mayor.
    Agradecido de antemano.
    Nota: seria muy conveniente el que tuvieras encuenta de que lo que es EVIDENTE para uno , puede que no lo sea para otros,..

    ResponderEliminar
  8. Buen día VRedondoF,

    Descuida que entiendo a la perfección esa perspectiva de que todos vamos a pasos distintos ;)

    Lo que está en verde está en el primer código pero lo de alojar el script en la plantilla es sólo una sugerencia, mas no es necesario, es decir, aunque no alojes el script en la plantilla el hack seguirá funcionando.

    No hay que agregar lo que está en negro, sólo lo que está en color rojo.
    Es posible que según sea la plantilla no estén los códigos de la misma forma pero para que te guíes mejor toma en cuenta esto, el primer código en rojo debe ir justo arriba de esta línea:
    <b:includable id='main' var='top'>

    El segundo código en color rojo debe ir justo arriba de esta línea:
    <b:include data='post' name='post'/>

    Y el tercer código en color rojo justo debajo de la línea anterior.
    Tal vez guiándote por estas líneas te sea más fácil, pero recuerda lo que mencioné, en muchas plantillas que están muy modificadas es posible que no esté todo como debería estar o que simplemente no funcione porque hagan falta otros códigos.

    Saludos y mucha suerte!

    ResponderEliminar
  9. Exacto Potro xD, no es necesario el Read More en este truco :PP!, pero tengo otra inquietud xD, ¡Disculpa! es que veo en tu blog que en la Página Principal siempre has tenido solo 2 posts, y en una búsqueda por etiquetas siempre has tenido 20 posts con el truco ese de los titulos expandibles en una búsqueda, ahora bien, en configuración > formato > show at most pongo el número de posts que quiero que se vean en mi página principal, pero tambn ese mismo número que pongo se ven en la búsqueda por etiquetas, y lo que yo quiero es que en mi página principal se vean más o menos 5 posts y en una búsqueda por etiquetas se vean más o menos 20 posts con el truco de los títulos expandibles en una búsqueda (para que cargue más rápido el blog), ahh pero sin que se vea lo de Anuncios Google, en cortas palabras, quiero que mis posts se vean como los tuyos xDDDDD!! ¿Es posible hacer eso?

    Gracias por tu paciencia Potro ;)

    ResponderEliminar
  10. hEY POTRO pero tu en la pagina principal tienes la entrada normal y ya pa entradas sigiuentes ,ahi se miran las entradas explandibles...como es eso...pa mi es mejor asi como se muestra en el tuyo!!

    ResponderEliminar
  11. CяιsтιαиGσиzαlєz, eso se modifica siguiendo estos pasos, de manera que en la página principal se mantenga el número de entradas que quieres y en los links de navegación se muestren de 20 en 20.

    Microboy90, al inicio de la entrada hay un enlace, ahí se explica cómo hacerlo para que el efecto se aplique a otras partes del blog menos en la página principal.

    ResponderEliminar
  12. Ok, gracias Potro, hehe ahora si ha quedado mi blog como yo queria.

    Saludos Potro, muchas gracias ^^)

    ResponderEliminar
  13. El Potro:

    No me funciona, me desaparecen las entradas al colocar todo.
    Este es mi blog: http://kishaper.blogspot.com/

    Un Saludo:
    Muzgo

    ResponderEliminar
  14. CяιsтιαиGσиzαlєz, te ha quedado muy bien ;)

    muzgo webmaniatico, revisa que estés poniendo los códigos en el lugar correcto.

    ResponderEliminar
  15. TE cuenta como clicks cuando te expande el articulo pinchando en el + /-?
    Gracias tu blog me ha sido muy util.

    ResponderEliminar
  16. Si le das click para que se expanda no, si das click en el título para que se muestre toda la página entonces sí.

    Saludos.

    ResponderEliminar
  17. bucha potrito, esta vez no comprendi,
    "Por último busca lo que está en color negro y agrega lo que está en color rojo en el lugar exacto donde se indica"

    me gano kizas esta muy facil pero... no puedo entender como hacerlo.. espero me explikes con manzanitas si es posible mi potro querido.. besos y gracias de antemano... chaus

    ResponderEliminar
  18. Es sencillo sólo que algunas plantillas son distintas y eso puede dificultar las cosas.
    Sólo busca el código que está en color negro (expandiendo los artilugios) una vez que localices ese código agregas el código en color rojo donde se indica.

    Saludos.

    ResponderEliminar
  19. Potro disculpa, sera que puedes hacer un blog de pruebas con este truco, es que a mi no me funciona los codigos no son iguales a los tuyos y como sabes uso la plantilla Minima, no entiendo por que no me sirve, podrias porfavor hacer un blog de pruebas para ver el truco funcionando, todos dicen que si funciona o que estoy haciendo algo mal yo creo que no soy yo, si no el truco, me puedes sacar de dudas haciendo el truco en unos de tus blog de pruebas porfavor? no me funciona y nose que hago mal !

    ResponderEliminar
  20. El truco no es pues a los demás les ha funcionado además de que antes de publicar algo hago las respectivas pruebas, es posible que sea la plantilla, prueba hacerlo en otra plantilla distinta a la Mínima para ver qué resultados tienes.

    Saludos.

    ResponderEliminar
  21. ok, Gracias potro, segire probando con la minima haber que logro por que es la que mas me gusta aparte creo que es la mas editable o nose digo. pero me adapte a esa, Gracias de todos modos, me has ayudado a solucinar muchos problemas que e tenido, Saludos y bendiciones amigo!

    ResponderEliminar
  22. Por cierto, le hice una pequeña modificación al código para quienes tenga problemas le resuelva el problema, prueba de nuevo y dime si funciona.

    Saludos.

    ResponderEliminar
  23. WTF MEN YO NOSE QUE HACES TU PARA SABER TANTO..
    me funcionoo perfectamente, muchisimas gracias men
    potro gracias enserio muchisimas gracias.

    si no es mucha molestia sabes como disminuir la separacion entre titulos y titulos de las entradas..
    es qe con ese truco me qedaron demaciados separados y quisiera como una lista pues osea pegarlos mas, si no puedes no te preocupes gracias muchisimas gracias potrooooooooooo :D

    ResponderEliminar
  24. Qué bueno que ya se solucionó el problema :)
    Para la separación no será mucha la diferencia pero busca esta parte y elimina lo que está en negrita:

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }

    Saludos.

    ResponderEliminar
  25. yo soy nuevo en esto pero estoy checando el codigo de antemano gracias buen aporte

    ResponderEliminar
  26. Espero que te resulte todo bien.
    Saludos.

    ResponderEliminar
  27. Oye brother yo uso esta herramienta, solo que me salen las entradas hasta contar 9, y de ahi me salen unos enlaces a entradas mas antiguas y mas recientes... como puedo hacer para que me salgan todas sin que me salga esto? mira puedes verlo http://www.traviancrack.com/search/label/Guias gracias por tu ayuda

    ResponderEliminar
  28. Cambia el número de entradas a mostrar en los links de navegación siguiendo los pasos de esta entrada
    Si no te llegara a funcionar es porque Blogger está haciendo pruebas con la paginación y algunos blogs se están viendo afectados con los links de navegación.

    Saludos.

    ResponderEliminar
  29. Potro ya que no puedo poner titulos expandibles ni leer más, por que creo que mi plantilla viene con algo parecido a leer más pero el posto se ve todo solo es para ver los comentarios nal parecer, date cuenta si entras a un post sale, ver todo el articulo... nose si se podra borrar eso y probar si me sale algunos de tus trucos como el leer más, gracias!

    ResponderEliminar
  30. Desconozco cuál método sea el determinado de la plantilla, quizá en la página del autor puedas encontrar más información.
    Yo veo el script del leer más automático pero no sé si ya venía incluido o tú lo agregaste, de ser así entonces el problema debe estar en el área de la plantilla que controla las entradas.

    ResponderEliminar
  31. Estimado Potro, cómo estás?

    Tengo una consulta que no sabía donde postearla...

    Quisiera saber como hago para que el archivo del blog no aparezca expandido.

    Tengo elegida la opción "Mensualmente", los meses pasados se muestran sin expandir, pero el título de las entradas del mes en curso se muestran todas, entonces el gadget queda muy grande.

    Gracias!!

    ResponderEliminar
  32. Sólo hay tres opciones para mostrar los archivos del blog: en jerarquía, en lista y en menú desplegable.
    Cualquiera de ellas la puedes seleccionar haciendo click en el gadget de Archivos del blog y seleccionas las opciones que prefieras.

    Saludos.

    ResponderEliminar
  33. Disculpa Potro, no había analizado bien el gadget, ya encontré lo que decías!

    Gracias como siempre.

    Saludos,

    ResponderEliminar
  34. Hola Potro, sabes si hay alguna forma de aplicar este efecto pero con JQuery? trate de usar slideToggle pero no supe como implementarlo, creo que por alli va la cosa.

    Gracias por la ayuda.

    ResponderEliminar
  35. Supongo que sí debe poderse pero nunca lo he probado así que no podría asegurarte que se tendrá un buen resultado.

    ResponderEliminar
  36. hola sabes gracias por la ayuda pero ahora no si talves tengas titulos para las entradas con efectos de cambiar de color las letras de los titulos y que se muevan las letras espero que si y espero tu respuesta gracias.................................................

    ResponderEliminar
  37. En esta entrada puedes ver cómo puedes personalizar los links, eso incluye los títulos.
    Y este otro es un efecto de sacudido.

    ResponderEliminar
  38. este truco me funciona bien para Firefox, però con internet explorer cuando expando un titulo, el siguiente sigue viendose encima (es algo caotico).

    http://revistacriteri.blogspot.com

    ResponderEliminar
  39. Efectivamente tu plantilla se vuelve incompatible en IE cuando se aplica este truco. Podrías intentar con lo siguiente aunque no te aseguro que funcione.

    Debajo de .post-outer { agrega esto:
    clear: both;

    ResponderEliminar
  40. No funcionó, cambié la plantilla y ahora va perfecto, gracias.

    Por cierto, es posible poner, además del título, la sección (en mi caso son etiquetas) a la que pertenece el artículo?

    Muchas gracias

    ResponderEliminar
  41. Antes del segundo código en color rojo agrega esto:
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>

    Ese mismo código que acabas de pegar ya lo tienes en la plantilla, para que no se repita busca el otro código (debe ser igual) y elimínalo.

    Saludos.

    ResponderEliminar
  42. Perfecto, justo lo que quería

    muchas gracias

    ResponderEliminar
  43. hola que tal, intenté mete el código, pero constantemente me envia cerrar tags, y ya probe de diferentes formas y no quiere, ojala me puedas ayudar

    ResponderEliminar
  44. especificamente me envia The element type "b:includable" must be terminated by the matching end-tag

    Esto me apareció después de ingresar el código que explicas arriba y también agregar el script en la plantilla.

    ResponderEliminar
  45. Perdón por escribir tantos comentarios, pero es que de verdad me gustaría tener este script me seria muy útil.

    Me queda asi y me empieza a enviar los mensajes de error, que no cerré bien "div" y si le agregó div, luego dice que include, luego que loop, etc,etc.

    En éste link te dejo el código:

    http://pastebin.com/raw.php?i=6tS9MATs

    ResponderEliminar
  46. Guíate de esta forma, el primer código en rojo debe ir justo arriba de:
    <b:includable id='main' var='top'>

    El segundo código arriba de:
    <b:include data='post' name='post'/>

    Y el último debajo de esta misma línea:
    <b:include data='post' name='post'/>

    ResponderEliminar
  47. Gracias Potro, he agregado este truco a mi blog y va de maravilla, saludos y gracias por los buenos tips que siempre compartes.

    ResponderEliminar
  48. Por nada, gracias a ti por tu visita.

    ResponderEliminar
  49. Hola El Potro
    Muy bueno el post, era lo que estaba buscando, pero intentè hacerlo como 7 veces, siguiendo el paso a paso minuciosamente y nada, sòlo me quedan las dos sidebars ,sin nada en el medio (en la parte donde irìan las entradas), alojè el scrip,lo desalojè de nuevo jeje ,pero nada¿puede ser que no pueda porque estoy usando las plantillas del nuevo diseñador?,aunque.. no sè ,porque los còdigos estàn todos.
    si puedes ayudarme te lo agadecerìa,saludos !

    ResponderEliminar
  50. No recuerdo si lo probé en las plantillas nuevas, pero generalmente cuando desaparecen las entradas es porque algún código de los que se han puesto no están en el lugar indicado. Sería cuestión de intentarlo por octava vez (lo sé, es cansado) y revisar que estén en el lugar que se indica.

    Saludos.

    ResponderEliminar
  51. Hola de nuevo jeje! gracias,estaba encaprichada por hacer ese truco,asì que tambièn intentè con el escaparate de Rosa( que lo explica igual que tù),y ahì me dijo que en las nuevas plantillas no funciona ,¡ufa!
    Pero de todas maneras,te agradezco la respuesta,y aqui ando navegando por tu blog,buscando nuevos trucos para hacer,jeje
    Saludos

    ResponderEliminar
  52. Ok, ok, al menos ahora ya sabemos que ahí no funciona (como todo que casi no funciona en esas plantillas)

    ¡Saludos!

    ResponderEliminar
  53. Disculpa no me sale ago todo como esta pero me sale que no esta bien cerrado sera por que estoy usando las nuevas plantillas de bloger e puedes ayudar gracias

    ResponderEliminar
  54. Ciertamente, en las plantillas nuevas no funciona.

    ResponderEliminar
  55. hola amigo muchas gracias por el tuto hago todo eso k dices pero a la hora de guardar lo cambios lo hace bine sin un error pero despues de eso ya no me sale ninguna entrada a k se debe eso, ni como tu imagen esta http://4.bp.blogspot.com/_qgZA1ny_dAs/S6EWV29N60I/AAAAAAAAD8c/ViAXvnUo3Vs/s1600/expandibles.PNG me puedes ayudar porfavor

    ResponderEliminar
  56. y si no es mucho pedir como hacer para k en la pagina principal salga bien las entras asi como lo tienes tu y ya al dar click en algun boton se vea como lo k se pretender hacer con ayuda de este post de antemano muchas gracias

    ResponderEliminar
  57. Si las entradas desaparecen entonces no estás poniendo los códigos en el lugar indicado. Guíate por el comentario #49

    Si quieres que en la portada las entradas se vean normal entonces sigue el tutorial que está en el primer enlace de esta misma entrada.

    ResponderEliminar
  58. Amigo el problema fue que la plantilla no lo aceptaba ese tipo cambie y ya va todo bien por el momento espero no haberle molestado y muchas gracias por su blog y su pronta respuesta. Que dios lo Benidga.

    ResponderEliminar
  59. Ninguna molestia. Qué bueno que ya está funcionando :)

    ResponderEliminar
  60. Excelente post! Enlazare esta web en mi blog, si te interesa darle una visitada aqui te lo dejo: http://elcodigodelainformatica.blogspot.com/

    ResponderEliminar
  61. amigo potro!!! tengo problemas otra vez no se si soy yo... pero segui cada paso y ya no se veía ninguna entrada!!! no estoy segura pero creo ke es por ke elcódigo "en negro" ke hay que buscar no es exactamente el mismo ke tu pones.. tiene como 3 lineas dif...
    me interesa mucho el poder poner mis entradas de esta manera o algo parecido para ahorrar espacio, la verdad es ke somos nuevos en esto y somos seguidores de tu blog porke de verdad eres una luz jeje... ke sugieres??? felicidades por tus aportaciones y mil gracias por ser tan compartido.te invito a ke le heches un ojito a nuestro blog: luzalasnacioness.blogspot.com

    ResponderEliminar
  62. ow! olvide algo? como se ke mi plantilla es nueva?...talvez es por eso ke no puedo??? porque segun yo.. ke soy medio despis...segui los pasos uno a uno

    ResponderEliminar
  63. Las plantillas "nuevas" son las que ofrece Blogger desde hace un par de meses y que es justo la que usas.

    En el caso de esas plantillas el procedimiento es así:

    El primer código en color rojo debe ir justo arriba de:
    <b:includable id='main' var='top'>

    Luego busca esta línea:
    <b:include data='post' name='post'/>

    Arriba de ella debe ir el segundo código en color rojo y debajo de ella el tercero que es el cierre.

    Saludos.

    ResponderEliminar
  64. gracias!!! gracias!!! gracias!!!... eres un cybergenio wow! que buena onda y ke buena labor! mil gracias de nuevo

    ResponderEliminar
  65. Hola potro muchas gracias por enseñarme, queri hacerte una pregunta, he puesto los titulos expandibles, pero me aparecen tb en la pagina principal y m queda el blog un poco pobre podria hacerse de tal manera q solo ls titulos expandiblesnsalieran en las entradas q tengo en los menus como por ejemplo manuales, videos etc, y no en la pag principal,no se si me explico. Pornotro lado se puede eliminar la pagina principal como tu, echale un vistazo www.todohelis.co.cc. Gracias.

    ResponderEliminar
  66. Vale potro ya se como hacerlo de todas formas se puede eliminar el apartado q pone pagina principal

    ResponderEliminar
  67. Supongo que tienes el menú de las páginas estáticas, si es así sólo dale click en Editar a ese gadget y ahí desmarca la opción de que aparezca ese enlace.

    ResponderEliminar
  68. Hola Potro. Estoy probando el truquito y me funciona a la perfección. La cuestión es que me saltan varias dudas a ver si pudieras resolvérmelas:

    - Ahora que tengo las plantillas con el artilugio [+/-] cuando expando, no salen los comentarios, es decir, que para poder comentar, se debe acceder al artículo completo. ¿Se puede introducir el campo comentarios en la expansión [+/-] sin necesidad de entrar al artículo?

    - Con este sistema, no me sale lo de compartir de facebook (en la entrada individual si, pero en la expandida no)http://ciudadblogger.com/2010/07/boton-para-compartir-de-facebook.html de todas formas, si funcionara, pasaría lo que decias de que al estar en el index todas las entradas serían la dirección del blog y para poder compartir una entrada solo valdría desde la individual.¿Algún método? O lo dejo en paz...

    - ¿Cómo podría ponerle una especie de estilo a los títulos de las entradas? Es decir, ahora todas mis entradas, solo se ven el título con el [+/-]. ¿Cómo podría hacer que salgan en un cuadrito individual con un color distinto al fondo? (como aparece en la primera imagen de este artículo, que tiene fondo gris y las entradas están en cuadritos blancos. ¿Se podría hacer con los títulos de las entradas?

    Buah Potro, siento haberme expandido tanto pero eran tantas mis dudas jeje...Si puedes contestarme a alguna te lo agradecería, si no puedes, haz un +/- a mi persona y listo jaja :)

    Un cordial saludo!!!

    pd: No se si me he explicado bien :S

    ResponderEliminar
  69. Hola BlogueroX,

    Recuerda que los comentarios sólo son visibles en las páginas individuales, por lo tanto, si expandes no se verán ya que no estás entrando a la entrada, sólo mostrando parcialmente el contenido de ella. Es necesario entrar al post para ver los comentarios.

    Lo del botón de Facebook es muy extraño pues debería aparecer también en la entrada individual a menos que contenga un código condicional que no permita que se muestre en las entradas.

    Sobre lo otro no sé, necesitaría ver el blog donde lo has puesto para decirte si es posible enmarcarlo o no.

    Saludos.

    ResponderEliminar
  70. Gracias por contestar potro :)

    Lo del botón de facebook no se que pasará, revisaré de nuevo la plantilla a ver si está algo mal, porque recuerdo que lo cambié para que solo saliera en las individuales, pero luego "lo puse" para que volviera a salir siempre.

    Lo de los comentarios OK, me temía eso.

    Lo del enmarque he intentado hacer algo parecido a lo que quiero pero no me sale bien bien. Aquí tienes el blog donde estoy intentando hacerlo(http://laspreguntastontas.blogspot.com/) La idea es que salga el rectángulo gris hasta el [+/-] incluido. Y he visto por ahí que cuando pasas por cada título digamos que cambia el fondo de ese rectángulo (por ejemplo si ahora está en gris, cuando pasas el ratón por encima se hace blanco solo ese rectángulo)

    Gracias de todos modos Potro!! Es el mejor blog para Bloggeros que he encontrado. Sigue así.

    ResponderEliminar
  71. Se me olvidaba soy BlogueroX y una cosita más...., cómo quito la fecha que sale para que queden todos los posts seguidos sin la separación de la fecha?

    ResponderEliminar
  72. Deshaz el marco que hiciste, y antes de </head> agrega esto:
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style>
    h2.date-header {display:none; visibility:hidden;}
    .post {background:#DDDDDD; border:3px solid #3366CC;}
    </style>
    </b:if>

    Con eso eliminarás la fecha en la portada y tendrán marco las entradas sólo en la portada.

    Lo otro que mencionas quizá puedas aplicarlo con algo similar a lo que explican en Vagabundia:
    http://vagabundia.blogspot.com/2010/11/parrafos-con-efecto-hover.html

    Saludos!

    ResponderEliminar
  73. Potro!!Perfecto! Gracias por la ayuda, ha quedado como quería, ahora miraré el tema hover para ver cómo meterlo ahi en el título de la entrada.

    Un saludo monstruo!!!

    ResponderEliminar
  74. hola potro

    una pregunta como hago para poner el fondo del cuadro en otro color ya que el fondo de la entrada es blanco para que se ve la margen de los cuadros

    gracias

    ResponderEliminar
  75. No creo que eso se pueda cambiar ya que toma justamente el color de fondo de la entrada.

    ResponderEliminar
  76. ei potro saludos.. me gustaria saber como en lugar de +/- se puede poner la imagen en miniatura o thumbnail de la entrada gracias

    ResponderEliminar
  77. Sólo busca el [+/-] dentro del código y en su lugar pon el código de una imagen:

    <img src="URL de la imagen" />

    ResponderEliminar
  78. Que hay potro!
    y donde metería esa imagen en miniatura, que se vería en la página principal, de la imagen grande, que se ve dentro del post?
    gracias

    ResponderEliminar
  79. Hola fernando,

    No he entendido tu pregunta, ¿me puedes dar más detalles?

    ResponderEliminar
  80. para poner una imagen en vez de [+/-] tendría que poner el código de la imagen. hasta ahí bien.

    Pero lo que no se es en que parte de la página subiría esa imagen. porque esa imagen sólo quiero que salga en la página principal. y que una vez dentro del post saliese la otra imagen que puse cuando redacté el post. no se si me explico.

    ResponderEliminar
  81. Gracias por ampliar la pregunta.
    La imagen puedes subirla a cualquier hosting de imágenes, un buen sitio para hacerlo podría ser Picasaweb ya que igual pertenece a Google y además que al tener el blog automáticamente tienes una cuenta en Picasaweb (ahí se alojan las imágenes que se suben en el blog).
    Una ve que subas la imagen sólo dale click derecho y selecciona una opción que diga 'Copiar ruta la de imagen' o algo similar. Esa es la URL de la imagen que necesitas para poner en el código.

    Saludos.

    ResponderEliminar
  82. Muchas gracias Potro.

    sólo hay una cosa más que me gustaría hacer: se puede hacer para que además del título salgan unas líneas del post? algo así como un pequeño extracto del post para que así se supiese de que va el artículo.

    Gracias Potro, un saludo

    ResponderEliminar
  83. Con este método no, eso sólo se puede cuando se tiene el Leer más automático.

    Saludos.

    ResponderEliminar
  84. Gracias potro, voy a probarlo a ver que tal.

    ResponderEliminar
  85. aaaaah broh!! me tira el sgte drama!

    "El artilugio con ID "Blog1" no puede contener el elemento: "#text". Un artilugio sólo puede contener elementos b:includable."

    Ke puede estar pasando?
    :S

    ResponderEliminar
  86. Debe haber un problema en la colocación del código. Y probablemente es un error relacionado con otro código que pudiste haber ingresado antes pues este código no tiene ningún #text como el que te menciona en el error.

    ResponderEliminar
  87. hola potro, puse el codigo en mi pagina, pero cuando le doy a los signos de + o -, la entrada se displiega pero el titulo tapa el contenido o aveces pasa lo contrario, el contenido tapa el titulo, mi pagina es.

    http://musicacristiana-online.blogspot.com/

    ResponderEliminar
  88. Es posible que en la plantilla no estén los códigos de la misma forma y ese puede ser el problema. Para que te guíes mejor toma en cuenta esto, el primer código en rojo debe ir justo arriba de esta línea:
    <b:includable id='main' var='top'>

    El segundo código en color rojo debe ir justo arriba de esta línea:
    <b:include data='post' name='post'/>

    Y el tercer código en color rojo justo debajo de la línea anterior.

    ResponderEliminar
  89. Lo hice como me dijiste pero aun el problema persiste.

    no se cual sea el problema.

    ResponderEliminar
  90. Entonces quizá es el tipo de plantilla que usas que no permite que se agreguen este tipo de trucos :/

    ResponderEliminar
  91. Igual puedes probar con este otro método de Oloblogger, ahí no son expandibles pero de igual forma sólo muestra los títulos de las entradas en la portada:
    http://oloblogger.blogspot.com/2011/03/pagina-principal-solo-con-titulos-de.html

    ResponderEliminar
  92. hola potro!!

    Mira me encanta este truco y quisiera adaptarlo a este blog q estoy haciendo http://skinberricaa.blogspot.com/

    Hago todos los pasos como dices pero en el momento de ver la pagina no me sale ninguna entrada porfa AYUDAA!!

    Saludos.

    ResponderEliminar
  93. En las plantillas muy modificadas este tipo de trucos regularmente no funcionan. Prueba guiándote con el comentario #96 y quizá tengas suerte con ello.

    Saludos.

    ResponderEliminar
  94. oohh no me ha funcionado, debe ser xq esta plantilla es muy modificada.!! q mal me hubiera gustado ponerlo es un truco muy bueno y util gracias igual potro :D

    Saludos.

    ResponderEliminar
  95. oye potro no sabia dnd comentarte esto pero sera aqui xD

    Sabes q he visto que muchas personas utilizan Windows Live Writter para publicar en sus blogs y dicen q es muy bueno!!
    Quisiera saber desd tu punto de vista como ciberbloggero quu es mejor? o si es una buena opcion?

    tambien tengo la duda si cosas como por ejemplo el "Leer mas" no funcionan cuando utilizas aplicaciones como estas?

    Saludos.

    ResponderEliminar
  96. Pues eso depende de cada quién. Además de Windows Live Writter hay otros editores muy buenos, algunos los puedes encontrar en la sección de Descargas.
    En lo personal estoy muy acostumbrado a hacerlo desde Blogger, incluso me compré uno muy bueno para Mac pero sólo lo usé una vez y regresé a hacerlo desde Blogger. Por eso como te digo, ya depende de cada quién y de cómo te acomodes mejor ;)

    Sobre lo del Leer más no sabría decirte, la verdad es que nunca lo he intentado, sería bueno probar y ver qué sucede. Si te animas a hacerlo y lo pruebas me cuentas :)

    ResponderEliminar
  97. ¡Hola Potro! Si me salió la entrada corta y todo pero el efecto al expandirse no me sale, porque? Saludos ;)

    ResponderEliminar
  98. Hola Luis Jim,

    Ese es un truquillo aparte.
    Para que tenga efecto deslizante agrega antes de </head> esto:

    <!-- Prototype y Scriptaculous -->
    <script src='http://www.google.com/jsapi'/>
    <script>
    google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
    google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
    </script>
    <!-- Prototype y Scriptaculous -->

    Luego busca este código:
    <a expr:onclick='&quot;javascript:toggleIt(&quot;&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a>


    Y cámbialo por este otro:
    <a expr:onclick='&quot;Effect.toggle(&quot;&quot; + data:post.id + &quot;&quot;,&quot;slide&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a>

    ResponderEliminar
  99. Gracias Potro! Le cambie algunas cosas para que saliera pero si me sirvió! muy buen blog ;)

    ResponderEliminar
  100. POTRO EN MI PLANTILLA NO ME SALE PLZ AYUDAME

    ResponderEliminar
  101. Recomiendo este tuto! Siguiendo todos los pasos al pie de la letra y de verdad que queda chevere y ahorra espacio. Saludos

    ResponderEliminar
  102. Qué bueno que todo ha salido como esperabas y con buenos resultados :)

    ResponderEliminar
  103. saludo potro exellente tutorial lo puse en mi blog www.notitech.net y lo tube que quitar porque me ponia doble titulo es decir el titulo normal y el expandible ahora como solo dejo el expandible y quito el normal que tiene leer mas ayudame pero mientra tanto restauro mi plantilla hasta que me diga como hacerlo gracias

    ResponderEliminar
  104. Debe ser por la forma en la que estás colocando los códigos, mira el comentario #49 para que sepas cómo guiarte al momento de colocarlos.

    Saludos.

    ResponderEliminar
  105. POTRO SOY YO DE NUEVO...APLIQUE ESTE TUTORIAL PERO TEANIA ANTES EL FIRST-POST Y AHORA NO SE VE EL PRIMER POST DIFERENTE...ES DECIRM QUIERO Q MI PRIMER POST SE VEA TAL CUAL LO HABIA CONFIGURADO ANTES..CREES Q SE PUEDA? GRACIAS...AH POR CIERTO YA LO DEL MENU LO ARREGLÉ...

    ResponderEliminar
  106. La verdad es que nunca he probado ambos trucos al mismo tiempo. Si quieres puedes probar para ver qué resultados tienes, antes haz un respaldo de la plantilla, luego busca esta línea dentro del código que has agregado de esta entrada:
    <b:include data='post' name='post'/>

    Y cámbialo por el código que se menciona en la entrada del first-post
    Repito, no lo he probado, pero podría funcionar.
    ¡Saludos!

    ResponderEliminar
  107. okis gracias..lo intentaré y te cuento jejeje

    ResponderEliminar
  108. Hola potro, casi nunca comento porque todo me funciona muy bien pero esta vez llevo días intentando y te debo confesar que ya me frustré, la cosa es ¿Puedo ocultar este efecto en algunas etiquetas especificas con condicionales? si es así, ya probé con todas las que tienes aquí http://ciudadblogger.com/2010/03/condicionales-de-blogger.html y aquí http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html y nada me funciona. Para explicarme mejor, un ejemplo, quiero que para los resultados con la etiqueta "Amor" se muestre con títulos expandibles pero para la etiqueta "Abril" normal.

    gracias y en verdad espero tu respuesta :)

    ResponderEliminar
  109. Hola Daniel,

    El segundo código en rojo cámbialo por esto:
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.url != &quot;URL de la etiqueta&quot;'>
    <b:include data='post' name='PeekABooPost'/>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>


    Y el último código en rojo repítelo, de manera que quede así:
    </b:if></b:if>

    Eso deberá hacer que la etiqueta que ahí elijas no muestre los títulos expandibles cuando se esté en ella, pero las demás etiquetas sí.

    ResponderEliminar
  110. Hola potro, gracias en verdad que me funcionó y quedó excelente.

    Pero tengo otro problema, si quiero que se vea en mas etiquetas?? ya agregué otra linea de estas con su cierre y si funciona.

    Pero las entradas se dejan de mostrar individualmente,o sea que se ven nada más en los resultados de busqueda pero en las entradas individuales no se mira nada.

    Otra ves, si repito el codigo que te puse arriba si si funciona pero las entradas se dejan de mostrar individualmente. gracias, que podría hacer¿? gracias gracias

    ResponderEliminar
  111. Si agregas más entonces habrá conflicto de órdenes y tendrás esos problemas como el que mencionas. Las condicionales aunque son funcionales hay que tratarlas con cuidado.

    ResponderEliminar
  112. potro como puedo hacer para que el 1 post salga normal y los demas salgan con la opcion de expandir? saludos

    ResponderEliminar
  113. No estoy seguro, deja hago unas pruebas, si todo sale bien lo publico esta semana. Saludos.

    ResponderEliminar
  114. a lo que me refiero es que quede como ciudad blogger ,los primeros post queden sin expandir y cuando presione etradas antiguas queden cn expandir

    ResponderEliminar
  115. Entonces no viste el enlace que está enseguida del inicio de la entrada, ahí está ese método ;)

    ResponderEliminar
  116. me salio perfectamente ahora , pero por algun motivo al poner entradas antiguas queda un espacio bastante grande entre el titulo de la 1 entrada y el segundo , no sabes como puedo solucionarlo?

    www.indietutoriales.blogspot.com

    / http://indietutoriales.blogspot.com/search?updated-max=2011-01-09T08%3A04%3A00-08%3A00&max-results=3

    ResponderEliminar
  117. Eso ya depende de la estructura de cada plantilla, por eso en cada plantilla se ve distinto ese truco.

    ResponderEliminar
  118. Hola Potro! Es un gusto saludarte.
    Hace un poco más de una semana abrí otro blog, solo que usando una de las plantillas nuevas de diseñador de Blogger. En otros tengo las plantillas antiguas, con las cuales estoy más familiarizada. Pero con esto de las nuevas plantillas, veo que muchas cosas hay que trabajarlas diferentes. Así que apenas estoy empezando a conocerlas. Por eso vengo en busca de ayuda.
    Es que ya puse el truco de poner los títulos expandibles en un una búsqueda y me resultó bien (solo que después de muuuuchos intentos). Pero ahora quisiera implementar lo de esta entrada, es decir, que también salgan así en la página principal.
    Pero estoy un poco confundida, pues no identifico todavía cuál es la condicional que tendría que modificar. O si es que tengo que quitar todo lo que tenía y poner solo lo de esta entrada (algo que quisiera evitar). No comprendo mucho todavía.
    Te agradecería muchísimo si me pudieras orientar al respecto, y disculpa las molestias.
    Mi blog es sermonescristianos.blogspot.com
    Gracias de antemano!

    ResponderEliminar
  119. Hola Vicky,

    Si ya aplicaste el otro truco, y deseas que también sea efectivo en la portada del blog, entonces el tercer código en color rojo debe quedar así:

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:include data='post' name='PeekABooPost'/>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>

    Dale Vista Previa para verificar que también se haya aplicado en la portada.
    Saludos y éxitos con tu nuevo proyecto!

    ResponderEliminar
  120. Muchísimas gracias, Potro!
    Seguí tus instrucciones, cambiando solo el último bloque de código rojo de tu otra entrada, y me salió todo perfectamente.
    God bless U!

    ResponderEliminar
  121. Excelente Vicky, bendiciones para tu también :)

    ResponderEliminar
  122. Mas claro imposible, mil gracias, mil mil mil y una GRACIAS!!
    deverdad, estaba desesperado toda la noche buscando esto!!

    GRACIAS!!
    deverdad.

    Eres el mejor tio, sigue con los tutoriales, me sirvio a la primera!

    ResponderEliminar
  123. perdonaa... como dije en el otro comentario, todo perfecto, pero tengo un problema.

    busque en varios sitios lo mismo que me dices tu aqui en este post, y meti codigos borre cosas y en fin.
    el problema que me sale es que
    cuando le doy a una pagina de mi blog (solo paginas, entradas no) sale 2 veces!
    mira por ejemplo esto: http://unionderaperos.blogspot.com/p/recopilatorios-udr.html

    ayudame porfavor, se que he copiado un codigo dos veces pero nose cual es!!

    ResponderEliminar
  124. Hola Udr,

    Quizá es esta línea la que está repetida:
    <b:include data='post' name='post'/>

    Originalmente debe haber sólo una, pero con este truco debe haber dos, así es que si tienes más de dos ahí debe estar el problema.

    Saludos!

    ResponderEliminar
  125. Gracias por responder, y tienes razon, hay 2 lineas iguales.
    pero he tenido un problem, he borrado la primera, y me daba error en la plantilla, e cargado la plantilla que la tenia guardada y he vuelto a borrar pero la segunda linea, pero me daba error, era porque no estaba bien formada.
    Incluso he borrado un poco antes y un poco de tras de cada linea, para que cuadre, pero luego no me aparecia ni repetidos ni na, definitivamente se borraba las paginas y no aparecia.

    aver si me lo puedes aclarar que soy un inutil, jaja.... te copio aqui todas las lineas, un cacho grande antes de las frases esas y un cacho grande despues, y dime lo que tengo que borrar.

    ResponderEliminar
  126. bueno ... no me deja copiar el comentario de la plntilla aqui . ;(

    ResponderEliminar
  127. Hagamos esto, si quieres haz un respaldo de tu plantilla actual en formato XML, yo ahora tengo deshabilitado el formulario de contacto pues estoy por subir una nueva plantilla, pero en uno o dos días lo habilito de nuevo, cuando lo habilite mándame si gustas el respaldo de tu plantilla para que pueda echarle un ojo y ver dónde puede estar el problema.

    Saludos.

    ResponderEliminar
  128. emmm.. jaja, losiento nose lo que es formato XML ni nada de eso, aver hize otra cosa, aver si me pudieras ayudar.
    E descargado la plantilla y la he subido a Megaupload.
    te la descargas y miras el problema tu aver si encuentras, esque no me manejo bien del todo
    ESTE ES EL ENLACE,
    http://www.megaupload.com/?d=05KAXJ36

    si te ace falta algo me lo dices
    SAludos

    ResponderEliminar
  129. Pues de hecho el respaldo que hiciste está en formato XML :P
    En un rato más lo subo a un blog de pruebas para revisarlo y te comento por aquí el resultado.

    ResponderEliminar
  130. Hola de nuevo Udr,

    Te cuento que instalé la plantilla que enviaste en un blog de pruebas, miré una página estática que tengo ahi pero ésta se muestra sin problemas, es decir, sale una sola vez, no ha estado duplicada en ningún sentido.

    Quise ver de nuevo la URL de la página que dejaste para mirar el código fuente de ahí para ver si podría tratarse algo en la redacción pero ya no existe.

    Si continuas con el problema me dices, porque como te comenté, al menos con la plantilla que enviaste no tuve el problema que mencionas.
    Saludos.

    ResponderEliminar
  131. Si, sigo teniendo el problema.
    Lo peor es que tengo un foro y sale doble, pero en fin ...
    Voy a cambiar la plantilla aver que se le va ha hacer.
    Muchas gracias de todas formas,
    si necesitas algo, aqui estoy!
    Saludos

    ResponderEliminar
  132. Gracias Urd, y ojalá se solucione. Yo como te comenté no tuve problema al instalar el respaldo, así que quizá reinstalando la plantilla se puede solucionar.

    Saludos.

    ResponderEliminar
  133. Hola Potro,
    al final conseguí adaptarlo a mi nueva plantilla, la verdad es que revisando línea a línea con la fresca de las 7 de la mañana encontré el segundo código aunque no del todo completo casi al final del código, no obstante funcionando perfectamente.
    Ahora tengo alguna duda.
    Hay algún modo de disminuir el alto del contenedor de los títulos? o simplemente cambiando el tamaño de letra se ajustará?
    Cómo puedo hacer que la primera página que quiero sea de Bienvenida no aparezca con contenedor de título expandible.
    Gracias de nuevo por tu ayuda.
    Un saludo

    ResponderEliminar
    Respuestas
    1. Hola Cristina,
      En efecto, el contenedor se debe adaptar al tamaño de los títulos de tus entradas.
      Si no quieres que se muestren los títulos expandibles en la portada, entonces el método que debías seguir no era este, sino este otro:
      http://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html

      Saludos.

      Eliminar
  134. Tenías razón debía cambiar la segunda parte del código por el del enlaze que me dijiste, y ahora todo perfecto.
    Con respecto al tamaño del contenedor, ha pesar de haber reducido la letra y cambiado la fuente, el alto no se ha modificado por lo que hay una importante distancia entre cada título. Se puede añadir algún código para disminuir este alto?.
    Gracias por adelantado y mis mejores deseos.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. Seguramente se podría aplicar algún estilo para reducirlo. ¿En cuál blog lo has puesto?

      Eliminar
    2. Gracias por contestar tan rápido pero hasta hoy he tenido problemas con internet y el ordenador.
      Para el Blog que quiero aplicar algún estilo reducido para el contenedor de los títulos nombrado en el comentario 144 es el de cristinaseijo.blogspot.com
      Un abrazo

      Eliminar
    3. Hola de nuevo Cristina, ¿en qué navegador has visto ese espacio grande? Porque al menos en Chrome y Firefox los recuadros que albergan cada título los veo bastante bien de tamaño, sin espacios fuera de proporción.
      Un abrazo.

      Eliminar
  135. Maestro como esta, espero que muy bien, tengo una duda... ojala y me pueda ayudar...

    En el comentario 106 explica una forma de hacer deslizable el truco, pero yo quisiera que se expanda con tan solo pasar el mouse por encima de la entrada, nose si puede maestro, de todas formas muchas gracias, esta muy hermoso este truco, disculpe las molestias y muchas gracias por tantos trucos y consejos que nos da...

    ResponderEliminar
    Respuestas
    1. Hola | Menderley |, no lo he hecho de esa forma, pero tal vez funcione si cambias:
      expr:onclick

      Por:
      expr:onmouseover

      Eliminar
    2. Como no me di cuenta, veo que me falta mucho por aprender, una vez más el maestro tiene la razón, jeje...

      Muchas gracias maestro... ahora si funciona de lujo... y veo que es un poco molesto si se pasa el mouse por encima de la +/- a todos las entradas, jaja, pero como es un blog para mis cosas me va bien, jeje... gracias...

      Eliminar
  136. Oye amigo me interesa mucho este truco lo que pasa es modifique el código para poder poner el isfirstpost osea la primera entrada diferete y el resto de las entras solo el titulo me entiendes así lo tengo ahora: http://kenandice.blogspot.com pero gracias espero que me puedas ayudar con eso regresare bye

    ResponderEliminar
    Respuestas
    1. Tienes que quitar el otro truco para que también se aplique a la primera entrada.

      Eliminar
    2. lo solucione lo hice como yo quería uff pase un dia etero e esto pero gracias !!! nos vemos

      Eliminar
  137. Hola quisiera ver si me puede ayudar porque tengo un problema con el blog porque no es posible que éste truco quede bien en la página de inicio ya que lo que tengo de lado derecho lo baja, intenté haciendo mejor lo del truco de que solo se vea así en las etiquetas pero no se veían los post, no sé que pasa porque por lo mismo creí haber elegido una plantilla sencilla.

    Gracias de antemano

    ResponderEliminar
    Respuestas
    1. Hola Clim Consultores, podría ser que no estás poniendo los códigos en el lugar adecuado, mira le comentario #49
      Si ese no es el problema entonces tendría que verlo puesto para entender mejor qué está pasando.
      Saludos.

      Eliminar
  138. Si lo pongo en el lugar correcto pero sigue igual mire éste es el blog: http://blog.climconsultores.com/

    ResponderEliminar
    Respuestas
    1. Puede ser el código de alguna de esas entradas, porque si te fijas, en las entradas antiguas no se da ese problema:
      http://blog.climconsultores.com/search?updated-max=2012-07-11T09:47:00-07:00&max-results=4

      Posiblemente en la penúltima o antepenúltima entrada esté el problema. Si copias las entradas de algún editor de texto entonces al momento de pegarlo hazlo dentro de la pestaña HTML y no en Redactar, de lo contrario se pueden ir códigos mal cerrados o que no son usados en Blogger.

      Eliminar
    2. Efectivamente lo he pegado de word al blog, ahora lo que hice fue borrarlo y pegarlo en la pestaña de HTML, hice ésto con las últimas 4 entradas de una por una esperando algún cambio pero no fue así. Entonces lo que hice fue borrar todo y escribir directamente en blogger las últimas dos entradas, osea transcribirlo y tampoco funcionó. ¿Cree que deba transcribir las otras 2 entradas que están en la página principal? Le agradezco mucho su ayuda.

      Eliminar
    3. Pues no está de más que pruebes hacerlo, aunque transcribirlo no es necesario, con sólo ponerlo desde la pestaña HTML no se incluirán los códigos de Word, sólo el texto.

      Ayer yo hice una prueba usando la misma plantilla que tienes incluso con las mismas medidas pero todo anduvo bien, por eso sigo con la sospecha que pueden ser las entradas.

      Eliminar
  139. excelente ...me salio perfecto .. gracias

    ResponderEliminar
  140. alguien sabe como cambiarle el color al texto

    ResponderEliminar
    Respuestas
    1. Depende de la plantilla, usualmente el título de las entradas se cambia en esta área:
      .post h3 {

      O esta:
      .post h3 a {

      Eliminar
  141. sigue funcionando ?? esque lo hice tal cual y no ando , ademas de que el archivo alojado en dropbox ya no esta ...

    ResponderEliminar
    Respuestas
    1. Sigue funcionando, ya he cambiado la URL del archivo para que lo descarguen y cada quien lo suba a su propio hosting.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger