Entradas Resumidas (Leer ms con imgenesen miniatura automtico)

Moviendo Nubes Trucos Blogger

Entramos en Diseo | Edicin de HTML y busca esta lnea:

Cdigo

Elimnala y en su lugar agrega esto:

Cdigo

createSummaryAndThumb("summary","

");

Leer ms...

style='font-size:13px; text-align:justify;' estilos para el resumen, se puede cambiar el

tamao de la letra, la alineacin del texto, y se le pueden agregar ms estilos como el

color de la letra, color de fondo, etc.

En donde dice Leer ms puedes cambiarlo por otro texto o por una imagen, si ese es el

caso entonces elimina ese texto y en su lugar agrega esto cambiando la URL de la

imagen.

Cdigo

Ahora antes de pega lo siguiente:

Cdigo

Tutoriales Basicos

1. Blogger Para Nuevos

2. Blogger Nivel Medio

3. Haz que el mundo vea tu Blog

Suscripciones por E-mail

1. Eventos

2. Trucos Blogger

3. Cdigos y Tutoriales

4. Noticias

5. Preguntas Frecuentes

6. Todo el Blog

Las suscripciones pueden ser cancelas cuando

quieran, los tutoriales se envian por via E-mail

Amigos

Participar en este sitioGoogle Friend Connect

Miembros (11)

Ya eres miembro? Iniciar sesin

Entradas populares Posts Recientes

Libre BlogueroAyuda blogger, tecnologa y noticias

Seleccionar idioma

Inicio

Mapa del Sitio Web

Herramientas On Line

Buscar Cdigos y Tutoriales Noticias Preguntas Frecuentes Trucos Blogger

Estas en: Inicio Trucos Blogger Entradas Resumidas (Leer ms con imgenes en miniatura automtico)

Ene

042013

Eliminar las frases de "pagina

principal", "entradas antiguas" y

"entradas mas recientes"

Shadowbox: ventanas modales

0Cdigo

summary_txt = 410;

img_thumb_width = 120;

//// Script original de Anhvo

function removeHtmlTag(strx,chop){

if(strx.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, pURL){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

if(img.length=1) {

imgtag = '';

summ = summary_txt;

}

var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) +

'';

div.innerHTML = summary;

}

//]]>

summary_txt = 410; indica el nmero de caracteres que tendr el resumen.

img_thumb_width = 120; es el ancho que tendrn las imgenes en miniatura.

La URL en color azul, esa es la imagen que se mostrar en el resumen cuando la entrada

no tenga una imagen.

Puedes utilizar esta imagen:

Para personalizar el boton de Leer mas puedes ver la siguiente entrada: Personalizar

enlace de leer mas

Reporte Este Tutorial

Qu te pareci? Me Gusta (0) No Me Gusta (0)

COMPARTIR

Ultimos Comentarios

ShareShareShareShare More

"lightbox" (video, imagen, paginaweb,

mapa)

Eliminar o modificar la cabecera del

Blog de Blogger

Entradas resumidas Estilo Magazine

(leer ms e imagen automtica)

Ocultar o eliminar Suscribirse a:

Entradas (Atom) y Enviar comentarios

(Atom)

Ajustar el ancho del blog y la sidebar en

Blogger

Poner la caja de comentarios de

Facebook en Blogger

Reproductor Flash mp3 para Blogger

Conectar Blogger con Facebook y

Twitter

Configurar un dominio de Godaddy para

Blogger

Anonymous

Hola, Te hago una consulta, yo estoy

buscando un reproductor

La Vuelta en Moto

Hola ! gracias por tu aporte!Te hago un

comentario: sabes qu

Teo Simon

Excelente post quiero agradecerte

infinitamente

Rubn Ramirez

Solucionado un excelente aporte....Te

Gustara GANAR DINERO

Anonymous

Irnico que tu eslogan sea vive y deja vivir.

Anonymous

Anna Garca y tu te dedicas a buscar para

molestar de esa ma

~

Excelente, fcil y sencillo gracias

Roberto Carlos

http://i.imgur.com/uqg98Nw.png lo deje asi

Roberto Carlos

"" dentro del parentesis

Roberto Carlos

muchas gracias me sirvio, muy util!

agradecidotambien puede

Roberto Cabrera Javier

Hola gracias por tu ayuda, tengo un fallo,

porque los coment

Anna Garca

Copiado de

http://ciudadblogger.com/2009/07/personalizar-

los

Anonymous

Gracias, pude eliminar la lnea "Entradas

antiguas"

eduardo lopez

pero si no tiene quick time instaado no

reproduce los videos

Suscripcionesvia e-mailpor catego...

Feed porcategoras oetiquetaspar...

CrearSubdominiosen Godaddypara B...

Configurarun dominiode Godaddypa...

EntradasestiloSnapshot (1)para B...

Entradas relacionadas

Gracias por comentar. Si deseas agregar un cdigo HTML dentrode tu comentario, ve al "Conversor de HTML a Texto Plano" ya

que Blogger por seguridad lo bloquea.

6 comentarios:

Respuestas

elviento 8 de octubre de 2013, 1:31

Resulta que el texto aperece tres veces en mi plantilla. Cmo s cul es el

que tengo que sustituir? Muchas gracias!!

Responder

elviento 8 de octubre de 2013, 1:41

Al final lo consegu! Fue sustituyendo en el ltimo de los tres

que me aparecan, aunque quiz quieras contestar t con

ms propiedad para la gente. Muchsimas gracias, llevaba

tiempo deseando meter este truco en mi blog!!!

elviento 8 de octubre de 2013, 1:45

Para quien no entienda mis comentarios de arriba (acabo de

darme cuenta que el html se lo carga google, y mira que lo

dices bien claro), lo que me apareca 3 veces en mi plantilla

era

Moviendo Nubes 8 de octubre de 2013, 16:48

Hola, gracias por tu comentario. En algunas plantillas

personalizadas o que hayas adquirido en alguna web por lo

regular tienen a veces mas de 3, eso es por que las editan y

las vuelven a reeditar y sin querer dejan algunos cdigos de

mas y en ocasiones hay problemas con las plantillas a la

hora de querer incluir algn cdigo o script. Lo normal es que

aparezcan 3, pero en tu caso el tuyo fue eliminar el tercer

cdigo como lo mencionas, en la plantilla que tengo y en

otros blog tuve que eliminar la segunda y en otras el segundo

y tercer cdigo para que funcionara, es por eso que no

especifico cual de los tres ya que varia el tipo plantilla.

es para almacenar el contenido de los post sin daarlos a la

hora de modificar y hay otra linea que es para los celulares

data: permite incluir la informacin que es empotrada ms de

una vez es descargada para cada referencia como parte del

fichero contenedor, que en este caso seria post.body/

Otros ejemplos que realiza data: carga y almacena datos:

data:blog.languageDirection

data:blog.pageName

Anonymous

Gracias! Me sirvi mucho el tutorial para

ocultar el enlace

Entrada ms reciente Entrada antigua

Responder

Respuestas

Responder

Salir

Avisarme

Introduce tu comentario...

Comentar como: NEMOTIDOS (Google)

Publicar

Vista previa

Pgina principal

data:blog.pageTitle

data:blog.url

data:blog.pageType

Miguel Angel Pacheco 4 de noviembre de 2013, 14:50

Perfecto, muchas gracias, me ha dado un poco la lata el tener que cambiarlo

en varios sitios, como le ha pasado al compaero "elviento" pero al final lo he

logrado, gracias

Responder

Moviendo Nubes 8 de noviembre de 2013, 13:12

Que bien que te haya servido, cualquier cosa pues por aqui

ando

$0.01 Web Hostinghostgator.com/1Penny

Scalable, Secure Web Hosting. Try

Our Award-Winning Service Now!

SistemasAlmacenaje

mecalux.pe

Busca Sistemas de

Almacenaje? Pida Ahora Info y

Presupuesto!

2012 Libre Bloguero | Inicio | Acerca de... | Trminos de Uso | Politicas de Privacidad |