Ya... un post paso a paso, para aquellos que nunca pudieron utilizarlo..
Algunas imagenes las saqué del blog de carola. Muchos trataron de hacer esto, y no pudieron, probablemente por errores en el codigo que debían copiar en su plantilla.
Ahora puede llegar y copiar los códigos de los cuadros de texto así es que no debieran tener problemas..
Pueden hacerlo de dos maneras:
Si agregan botones es más completo ya que solo aparece el Leer Mas cuando uno agrega el texto necesario en cada post.

En cambio en el otro caso, siempre aparece el texto Leer Mas, a pesar de que el post sea pequeño y no lo requiera.. Si no quieren poner un boton entonces deben cambiar el class "readmorebutton" por uno de los de titulo por ejemplo...
Suerte!!!

PASO 1:
Ingresar al menu Opciones o Setting dependiedo del idioma.
Luego ir a Archivos o Archiving.
En la opción Enable Post Pages? o ¿Habilitar páginas de entrada? activar la opción Yes o Sí.
El resultado es el que muestran las imagenes:


Luego debes Pinchar sobre Save Settings o Guardar Valores

PASO 2:
Ahora comienza lo complicado (Abrir Plantilla y Agregar códigos..)
Primero Agrega el siguiente código de más abajo luego de la siguiente etiqueta que esta en las primeras lineas de la plantilla:
<style type="text/css">. (El codigo para que lo copies sin errores esta aquí, seleccionalo todo y copialo en tu plantilla):

COPIA EL CÓDIGO
HTML:
  1. <MainOrArchivePage>
  2. span.fullpost {display:none}
  3. </MainOrArchivePage>
  4.  
  5. <ItemPage>
  6. span.fullpost {display:inline;}
  7. </ItemPage>

El resultado es el que muestra esta figura

PASO 3:
Esto es solo para los que quieren Agregar los botones (como en este blog) debes copiar el siguiente código sobre la etiqueta </Style>, este es el código:

COPIA EL CÓDIGO
CSS:
  1. a.readmorebutton:link, a.readmorebutton:visited {
  2.      float: right;
  3.      margin: 2px 2px 2px 2px;
  4.      padding: 2px;
  5.      width: 200px;
  6.      border-top: 1px solid #CCCCCC;
  7.      border-bottom: 1px solid #000000;
  8.      border-left: 1px solid #CCCCCC;
  9.      border-right: 1px solid #000000;
  10.      background: #cd6600;
  11.      text-align: center;
  12.      text-decoration: none;
  13.      font: bold 16px trebuchet ms, verdana, sans-serif;
  14.      color: #ffe;
  15. }
  16.  
  17. a.readmorebutton:hover, a.readmorebutton:active {
  18.      float: right;
  19.      margin: 2px 2px 2px 2px;
  20.      padding: 2px;
  21.      width: 200px;
  22.      border-top: 1px solid #CCCCCC;
  23.      border-bottom: 1px solid #000000;
  24.      border-left: 1px solid #CCCCCC;
  25.      border-right: 1px solid #000000;
  26.      background: #8b2;
  27.      text-align: center;
  28.      text-decoration: none;
  29.      font: bold 16px trebuchet ms, verdana, sans-serif;
  30.      color: #ffe;
  31. }

Si solo quieres poner texto y no agregar los botones, no copies el codigo anterior

PASO 4:
Está el código para los dos casos, con botones y sin botones.
Agrega el siguiente código a tu plantilla (template) debajo de este comando: <$BlogItemBody$>
Copia esto y pegalo en tu plantilla:

SI QUIERES BOTONES :

COPIA EL CÓDIGO
JavaScript:
  1. <MainOrArchivePage>
  2. <script type="text/javascript">
  3. spans = document.getElementsByTagName('span');
  4. number = 0;
  5. for(i=0; i <spans.length; i++){
  6. var c = " " + spans[i].className + " ";
  7.    if (c.indexOf("fullpost") != -1) {
  8.      number++;
  9.    }
  10. }
  11. if(number != memory){
  12.    document.write('<a class="readmorebutton" href="<$BlogItemPermalinkUrl$>">Mira el Articulo Completo<br />');
  13. }
  14. memory = number;
  15. </script>
  16. </MainOrArchivePage>

SI NO QUIERES BOTONES :

COPIA EL CÓDIGO
HTML:
  1. <MainOrArchivePage>
  2. <a href="<$BlogItemPermalinkUrl$>">Mira el Articulo Completo</a>
  3. </MainOrArchivePage>

El Resultado se ve aquí, en este caso en ves de Read more! debiera aparecer Mira el Articulo Completo:(para el segundo caso, sin botones)

blogitembody.jpg

Para el Primer caso con botones

fullpost3.jpg

Guarda los cambios y Republica: (Pinchando el boton naranjo que aparece abajo en la figura)

untitled41.jpg

Finalmente

PASO 5:
Este Paso es solo para los que quieren agregar botones, deben copiar el siguiente texto entre estas dos etiquetas </Style> AQUI </head>

COPIA EL CÓDIGO
JavaScript:
  1. <script type="text/javascript">
  2. var memory = 0;
  3. var number = 0;
  4. </script>

La imagen muestra el resultado:

fullpost2.jpg

PASO 6:
Finalmente en cada post debes agregar este código.

COPIA EL CÓDIGO
HTML:
  1. Lo que quieres mostrar <span class="fullpost">Lo que quieres ocultar</span>

Todo lo que este entre estos comandos aparece solo al desplegar texto completo...

fullpost1.jpg

Aqui en la continuacion de este post Leer Mas parte II, estan todas las plantillas descargables, con los cambios ya realizados en un .doc y destacados con color rojo los codigos agregados, se comprobo para todas las plantillas que ofrece blogger al abrir la cuenta...
Suerte!!, es imposible que no les resulte.


Si este Post te ayudó recuerda votar por el blog En esta Página
votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 (0 votos, promedio: 0 de 10)
Loading ... Loading ...

Post Relacionados
Leer Mas!!! Parte 2">Leer Mas!!! Parte 2
Nueva Plantilla Para tu Blog con 3 Columnas">Nueva Plantilla Para tu Blog con 3 Columnas
Código que publica los links de post relacionados con el publicado (Related Post)">Código que publica los links de post relacionados con el publicado (Related Post)
Tablas de Colores">Tablas de Colores
Encuestas en Bravenet">Encuestas en Bravenet


Post al Azar:




Blogalaxia Tags:

Imprime este Post Imprime este Post
Envía este Post Envía este Post