Via bloger y ayuda pora blogger

Con este truco, podrá mostrar una cantidad de texto arbitraria al principio de cada entrada, como reclamo de toda la información. A partir de aquí, los usuarios que deseen leer el resto de la entrada podrán hacer clic en un vínculo que les permitirá acceder a todo el texto. Esto resulta práctico si dispone de una página que incluye muchos artículos largos. Recuerde que para poder utilizar esta funcionalidad debe disponer de páginas de entrada habilitadas.

Esta funcionalidad se compone de tres elementos: CSS condicionales, un vínculo “Más información” en cada entrada y una modificación de las entradas que utilicen estos resúmenes. Vayamos por pasos.

CSS condicionales
Para cambiar el aspecto de las entradas en cada página, utilizaremos códigos condicionales. Añada el código siguiente a su hoja de estilos:

span.fullpost {display:none;}

span.fullpost {display:inline;}

Su hoja de estilos suele aparecer en la parte superior de su plantilla, entre los códigos

. Si la hoja de estilos se encuentra en un archivo distinto, sólo deberá añadir estas líneas a su plantilla para que los códigos condicionales funcionen. Simplemente asegúrese de añadir los códigos

En este ejemplo hemos definido una clase denominada “fullpost”, que aparecerá únicamente en páginas de entrada (vínculos perm.). Una parte de cada entrada utilizará esta clase, como veremos más adelante.

Vínculos “Más información”
Añada el código siguiente a su plantilla, en el lugar que desee después del código

< $BlogItemBody$>:

Desde luego intercalar en un texto en castellano la palabra inglesa “more”, no queda, precisamente, muy adecuado.

Si lo que te gusta es mostrar la palabra o palabras que tú elijas, puedes hacer lo siguiente:

En el archivo post.html, suprimir el código:

{the_content}
y sustituirlo por:

{the_content more_link_text="(seguir leyendo…)"}
Y, naturalmente, lo salvas pulsando en “update template!”.

Una vez que tengas todo el artículo escrito y colocado en la función “Write post”, pulsas la función “HTML” y en este editor de código pegas, en donde quieres que aparezca la frase, la siguiente etiqueta:

(more…)

Bueno, para colocar la sidebar de alguno de los dos lados, es de lo màs simple. No màs tienes que buscar este còdigo en tu plantilla. #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } Ya que lo has ubicado, no màs tienes que cambiar la parte que dice: float:left; Por right;; Eso es si la barra està del lado izquierdo; si la barra està del lado derecho, pues cambias right; por left. Solamente es eso. Ahora, la parte que a màs de alguno le ha de interesar. Si se han dado cuenta, en mi blog, aparecen dos ’sidebar’. La del lado izquierdo, que ya està predifinida, y la del lado derecho (que por el momento, solo tengo links). Para agregar un sidebar, lo ùnico que tienen que hacer es: Ubicar este còdigo: #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } Copiarlo, pegarlo, justo debajo del còdigo que acaban de copiar, antes, agregandole el nùmero 3, asì: #sidebar { width:200px; float:left; font-size:85%; padding-bottom:20px; } #sidebar3 { width:200px; float:left; font-size:85%; padding-bottom:20px; } Ya que han hecho esto, ubican este otro còdigo: