Entradas mas populares

Sobre que quieres un post?


page counter
FullTraffic.Net - Global Traffic Packages

Que buscas?

miércoles, 21 de mayo de 2008

Entradas ampliables

Bueno esto es algo que yo queria tener y que a mas de uno le gustaria tenerlo para que el blog no quede tan largo y sea aburrido, consiste en poner un boton "Leer Mas..." que al hacerle un click aparece el post completo en la misma página principal.


1º Es recomendable que guarden una copia de su planilla por las dudas de hacer algo mal.

2º : Buscas el siguiente codigo:

<div class='post-header-line-1'/>

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>


(puede ser q no este del todo igual, por pequeñas cosas)

3º Luego tendrás que pegar un codigo despues de la siguiente linea: <div class='post-body'>

pegas esto:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


4º Una vez que pegaste el código, pegas otro codigo despues de la siguiente linea:
(<p><data:post.body/></p>)


<a expr:href='data:post.url'>Leer Mas...</a>
</b:if>


Ahora dale click en "vista previa" si no te salta ningun error guarda los cambios de la plantilla.

5º Para finalizar con esto necesitas un código más,que no va en el template:
- Ir a Configuracion. Luego a Formato y en Plantilla de entrada lo pegas.
- Cuando vas a postear algo, en "Edicion de HTML te saldrá este código, sin necesidad de estar escribiéndolo en cada entrada. No olvidar guardar los cambios en formato. El código es el siguiente:

aqui va lo resumido del post

<span class="fullpost">

aqui lo que estaria escondido

</span>

Espero que funcione :)
y por si queremos modificar mas osea agegandole un complemento, una imagen en ves del texto "Leer Mas" lo que tiene q hacer es: crear la imagen que vas a utilizar y la subes a un servidor y copias la URL, vas a la plantilla buscas esta linea:
<a href='data:post.url'>Leer Mas...</a>

y la remplazas de la siguiente forma
<img src="la-ruta-de-la-imagen" />

14 comentarios:

Rockefeller Plaza dijo...

en mi editor html de blogger, no sale nada sobre div class='....
que hago?

mathias dijo...

rockefeller plaza el codigo tiene que aparecer fijate bien en el editor! esta en la parte del:
/* Footer
----------------------------------------------- */
un poco mas abajo y si no lo encuentras, me avisas y me lo mandas por mail que yo te lo busco personalmete y tu codigo no sera visto por terceros! suerte

Richard Chavez dijo...

Hola Mathias.
al parecer me enviaste un mensaje a mi blog sobre este tema.
la verdad que siempre quise hacer esto en mi blog, una vez lo intenté pero soy torpe para el html.
no se si puedas ayudarme a hacerlo, pues ya una vez la malogré.
te dejo mi msn a ver si me guias via msn, te lo agradeceria infinitamente.

richardbull@hotmail.com

saludos.
Richard

mathias dijo...

Richard como estas?
no hay problema lo hablamos por msn asi te sera mas facil entender y te ayudare paso a paso!
espero que coincidir en la hora que estes conectado
saludos

tmc dijo...

Gracias Mathias;

Me sale perfecto. Bonito y útil blog el tuyo.

Enhorabuena!

tmc dijo...

Rectifico. Me sale bien pero tengo un problemilla...la frase "leer mas" me aparece aunque no quiera. Si pongo un post corto en el que no quiero que aparezca boro el código del post antes de postear pero me aparece igualmente al final del texto. ¿Es que aparece siempre o puedo elegir cuando lo pongo?
Gracias!

mathias dijo...

tumotoclásica como estas?
gracias por tus comentarios! el "leer mas" aparece simpre porque esta en el codigo HTML y aunque el post sea corto o por mas que no lo quieramos tener aparece, igual sirve por si tenemos comentarios ya que estos aparecen despues de darle al boton.
Igual si me entero de algo te aviso!
saludos!

tmc dijo...

Hola Mathias;

No me había fijado que al clickear aparecen los comentarios, siendo así no me importa que salga en las entradas cortas. Gracias por tu ayuda.
Salu2.

José GDF dijo...

A mi me ha funcionado a las mil maravillas. Muchísimas gracias.

Ahora a aplicarlo a las entradas largas que tengo...

mathias dijo...

Jose gdf me alegro de que te halla funcionado perfectamente y cualquier consulta no dudes en postear!
saludos

José GDF dijo...

Tengo que hacer una observación: creo que es mejor añadir el código que se añade a la entrada una vez terminada de redactar, pues esta etiqueta se copia de alguna manera varias veces cuando aplicas, desde redactar, ajustes de línea o cualquier otro ajuste de formato o fuente. Me he visto con varios:

"fullpost"

y sus correspondientes

/span en el código html de la entrada.

mathias dijo...

Hola Jose
si a lo que te refieres es que si cambias muchas veces el formato o hay varios colores en el mismo parrafo de texto si se puede ver alterado el codigo porque se entrevera con los otros span, por lo tanto se debe controlar antes de publicar o sino agregalo al final de la publicacion cuando ya hallas realizado todos los cambios en el texto

saludos!

José GDF dijo...

Eso hago desde hace tiempo. Hasta que no tengo clara la entrada, no añado el fullpost en el código de las entradas.

Muchas gracias por tu interés y ayuda, mathias.

Anónimo dijo...

hola ey amigo no pude acerlo no encontre el post header ni nada que se le paresca aber si me puedes ayudar te paso mi correo

ivan.99.martinez@gail.com