Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada

Ya vimos una forma de reducir las entradas con thumbnail 1.

Esta forma es casi igual, la diferencia es que mostraremos la primera entrada, o la de arriba en su totalidad, sin reducir.

Ver ejemplo:

Al igual que la entrada anterior:

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios.

Paso 1:

Justo arriba de </head> poner el siguiente código:

<script type='text/javascript'>
//<![CDATA[
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 125;
img_thumb_width = 125;

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

if(img.length<1) {
imgtag = '<span style="float:left; padding:10px;"><img src="http://3.bp.blogspot.com/_WvACVGW1iPE/TDpRYmfdOoI/AAAAAAAABIQ/mQaJO0HZZj4/s1600/125x125-logo.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Cambios que podemos hacer:


summary_noimg = 400;: Número de letras que se mostrará en el resumen con imagen única.
summary_img = 400;: Número de letras que se mostrará en el resumen con imagen reducida.
img_thumb_height = 125;: Altura de la imagen reducida.
img_thumb_width = 125;: Ancho de la imagen reducida.
.../125x125-logo.png: Imagen única que se mostrará al no tener la entrada una propia.
style="float:left; padding:10px;": Estilo de la imagen.

En el ejemplo la imagen tiene padding 10px, y se mostrará a la izquierda.

Se puede personalizar o mostrar a la derecha cambiando left por right.

Paso 2:

Ahora tendremos que buscar <data:post.body/>

Y cambiaremos por el siguiente código:

<b:if cond='data:post.isFirstPost'>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='summarythumb' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div align='right' class='rmlink' style='clear:both;padding:5px 10px 0 0'><a expr:href='data:post.url'>Leer la publicación:</a></div>
</b:if></b:if>
<b:if cond='data:post.isFirstPost'><data:post.body/></b:if>

Cambiamos el texto "Leer la publicación:" por otro, o por una imagen.

Podemos personalizar el estilo del resumen con las clases summarythumb y/o rmlink.

Veremos los cambios y si todo esta bien guardamos la plantilla.

Por más detalles de cómo personalizar leer la parte 1:

La diferencia en el código con la parte 1, se encuentra en el paso 2, como notarán le modifique los códigos condicionales.

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
pastoman10 dijo...

Hola.. necesito ayuda urgente!!.. puse el codigo y todo bien con los post, pero me desconfiguro las paginas qe habia creado en la barra del menu D:

este es mi blog
http://textos-de-estudio.blogspot.com

Si notas, la parte que mas sufrio fue la de contactos.. aunqe las otras tambien se ven muy distintas a como las tenia.. porfavor ayudame

SpeedShopOnLine dijo...

¿que mas llave una pregunta? solo quiero saber si en ves del logo quiero que se vea las foto del post que estoy publicando y no el logo...ejm: como tienes tu en tus entrada?

¿este truco se vera en todas las entrada del blog osea en las entradas antigua también o es que se vera en el inicio nada mas?..

espero tu respuesta gracias.

Vku dijo...

pastoman10: el código que tu tienes en ese blog no es el mio.

Y en el menú tienes el link de los feeds.

Este código no tiene nada que ver con el menú, imposible que lo desconfigure.

Vku dijo...

SpeedShopOnLine: Este código es el mismo que estoy utilizando yo en este momento en mi blog.

Las imagenes se van a ver reducidas, pero al abrir la entrada se veran normales, tal cual tu crees una entrada.

Si una entrada no tiene imagen se vera una que tu elijas puesta en el script.

Y al abrir la entrada si esta no tiene imagen, no se mostrara ninguna.

Fijate bien en mi blog, va a quedar igual.

Cambia la imagen http://3.bp.blogspot.com/_WvACVGW1iPE/TDpRYmfdOoI/AAAAAAAABIQ/mQaJO0HZZj4/s1600/125x125-logo.png por otra que tu quieras.

SpeedShopOnLine dijo...

ok amigo estoy probando este truco en mi blog, pero una pregunta??? como hago para que la primera entrada del post no me salga completa hasta bajo que debo cambiar

SpeedShopOnLine dijo...

amigo estuve buscando en tus otros trucos de "leer mas" y encontré el que eh estado buscando, y se ve muy bien en mi blog, gracias por tus truco y te felicito por hacer estas cosas espero que te valla muy bien en tu blog y sigas con mas trucos que nos ayuda mucho...

Vku dijo...

SpeedShopOnLine en http://ciudadblogger.com/ tiene algo así de lo que buscas.

La hormiguita dijo...

Hola... bueno ya hice el cambio que me sugeriste :2) pero no me doy cuenta de la diferencia :17) o está igual??????
Muchas gracias por pasar a ver!!!!!

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?