Entradas Resumidas (Leer ms con imgenes

en miniatura automtico)
Moviendo Nubes Trucos Blogger
Entramos en Diseo | Edicin de HTML y busca esta lnea:
Cdigo
<data:post.body/>
Elimnala y en su lugar agrega esto:
Cdigo
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id' style='font-size:13px; text-align:justify;'>
<data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;
<data:post.url/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer ms...</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
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
<img src="URL de la imagen" border="0" />
Ahora antes de </head> 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 sitio
Google Friend Connect
Miembros (11)
Ya eres miembro? Iniciar sesin
Entradas populares Posts Recientes
Libre Bloguero
Ayuda 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: Ini ci o Trucos Bl ogger Entradas Resumi das (Leer ms con i mgenes en mi ni atura automti co)
Ene
04
2013
Eliminar las frases de "pagina
principal", "entradas antiguas" y
"entradas mas recientes"
Shadowbox: ventanas modales
0
Cdigo
<script type='text/javascript'>
summary_txt = 410;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo
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, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL
+'"><img src="URL DE LA IMAGEN EN MINIATURA"
width="'+img_thumb_width+'px" /></a></span>';
summ = summary_txt;
}
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL
+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';
summ = summary_txt;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) +
'</div>';
div.innerHTML = summary;
}
//]]>
</script>
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
Share Share Share Share 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
Suscripciones
via e-mail
por catego...
Feed por
categoras o
etiquetas
par...
Crear
Subdominios
en Godaddy
para B...
Configurar
un dominio
de Godaddy
pa...
Entradas
estilo
Snapshot (1)
para B...
Entradas relacionadas
Gracias por comentar. Si deseas agregar un cdigo HTML dentro
de 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 <data:post.body/>
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.
<data:post.body/>
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 Hosting
hostgator.com/1Penny
Scalable, Secure Web Hosting. Try
Our Award-Winning Service Now!
Sistemas
Almacenaje
mecalux.pe
Busca Sistemas de
Almacenaje? Pida Ahora Info y
Presupuesto!
2012 Libre Bloguero | Inicio | Acerca de... | Trminos de Uso | Politicas de Privacidad |