Miradas de... un programador HTML

En esta entrada voy a explicar como se añadió la opción leer mas en este blog

1.- Nos vamos a Diseño >> Edicion de HTML y en nuestra plantilla buscamos:

</head>

Y antes de esta etiqueta pegamos el siguiente código:
(Copia y pega)


<script type='text/javascript'>
summary_noimg = 430;
summary_img = 360;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script src='http://sites.google.com/site/isaiasgah/script/summary-post-v20-test.txt?attredirects=0' type='text/javascript'/>

2.- Expandimos Plantilla de artilugios, esto lo conseguimos seleccionando la casilla que se encuentra en la parte superior de la plantilla:

Ahora buscamos en la plantilla el siguiente código, podemos buscarla bajando poco a poco o pulsando Ctrl+F , copiar este código y pulsar ENTER:

<data:post.body/>



Lo borramos y reemplazaremos por el siguiente código:(Copia y pega)


<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt; Leer más...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>


Damos clic en vista previa y verificamos que funcione perfectamente.

Con estos sencillos pasos ya tenemos configurada esta aplicación en automático en todos nuestros post, ahora pasemos a la configuración del texto y las imágenes mostradas, esto desde luego es de manera opcional.

summary_noimg = determina el número de caracteres a mostrar en caso de que el post no tenga imágenes.
summary_img = determina el número de caracteres a mostrar en caso de que el post tenga imágenes.
img_thumb_height = alto de la imagen.
img_thumb_width = ancho de la imagen.

Miradas de...