100

Leer más con miniatura de imagen en páginas de etiquetas

Son varias las personas que están interesadas en saber como hacer para que el efecto que habíamos visto anteriormente de "leer más con miniatura de imagen" solamente se aplique a las páginas de etiquetas.

Si vamos a usarlo por primera vez procedemos como hicimos en esa entrada anterior y aplicamos el script directamente en la plantilla para no depender de alojamientos externos.

[1] Colocamos el script antes del </head> de nuestra plantilla.

<!-- Entradas leer mas en etiquetas -->
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[

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:0px 10px 5px 0px;"><img src="'+img[0].src+'" 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>
<!-- Fin de entradas leer mas en etiquetas -->

[2] Guardamos cambios.

[3] Marcamos entonces la casilla de "Expandir las plantillas de artilugios" para localizar este código en la plantilla: <data:post.body/>

[4] Eliminamos ese código y colocamos esto en su lugar:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<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'><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'> Leer más...</a></span><b:else/>
<data:post.body/></b:if><b:else/><data:post.body/></b:if><b:else/><data:post.body/></b:if>

[5] Guardamos cambios.

El resultado entonces será el mismo que en la entrada de la que hablo a comienzo del post, pero solo se aplicará a las páginas de etiquetas.


Leer más


Notas:
Si ya estabas usando el método anterior donde el efecto se aplicaba también a la página principal y quieres usar este, tendrás que pasar directamente al paso [4] y sustituir el código que colocaste según la entrada anterior por el de esta entrada (paso [4]).

En el código está incluida la condicional que hace que si usamos la nueva función de Blogger "Páginas estáticas", en esas páginas las entradas se vean completas, sin el "leer más" añadido.

Entradas Relacionadas:

100 comentarios:


Na Terra e no Vaso

Estive lhe visitando sueu blog e,me tornei sua seguidora,pois estou tentando colocar em meu blog o "top comentaristas" mas como não uso o FIREFOX estou tendo dificuldades
Um grande abraço

Icíar

Rosa, una pregunta. He leído que el 26/03/2010 ya no podremos publicar nada en blogger, que tenemos que hacer una migración.
Yo no veo en mi escritorio de blogger por ningún lado eso de la migración.
¿Sabes algo de esto?

Un saludo y te felicito por este blog y el soporte que nos das.

Eva Flores

Gracias Rosa! ya lo he implantado en mi blog y todo perfecto.

Unknown

Rosi siempre vengo atrasada en todo, trataré de hacerlo y luego te cuento si me ha salido :D

Besitos!

ANRAFERA

Muy interesante opción. Gracias por tu buen trabajo. Saludos.

Jair Octavio

Bueno a decir verdad mi blog al tener varios blogs dedicados a cada entrada del menu evitaria hacer todo esto, pero como tu sabes hay de gustos a gustos je je je...

Pero en si lo hice asi por que a cada entrada le pertenece un tema diferente el cual hace que tenga su propio blog para no amontonar todo y que al darle click aparezca todo junto, asi pues el detalle seria ponerle a todos los blogs la misma plantilla para darle el efecto de que se esta en un solo sitio todo, pero asi como estoy estoy bien je je je...

Victor

Gran truco. Gracias. Saludos.

Rosa

IcíarSi eso fuese cierto, la noticia estaría hasta en "la sopa"... la primera asustada sería yo... tranquila porque no es así...

Icíar

Gracias Rosa, me relajo pues.
Como además mi suscripción a tu blog es una 'email suscripción' si sale algo ya me enteraré por vos, je je.
De todos modos, en Buzz del escritorio de blogger.com, habla de esto.

Rosa

Icíar Eso que dices en Buzz solo es noticia y afecta para los que publican su blog por medio de FTP, normalmente quien usa dominio propio... los que usamos Blogger de forma normal, usando el panel de Blogger para acceder no nos vemos afectados por este tema...

Icíar

Ahhhhh, gracias, gracias, Rosa.
Como mis blogs es un resultado de tus consejos, se me ve el plumero de que en realidad no entiendo mucho de informática. Yo pensaba que igual el sistema blogger era un sistema FTP :S

marco

Rosa, de nuevo molestandote, pero no es acerca de esta entrada. Hace poco te mandé un mail sobre el problema de los seguidores intentando en mi ignorancia colaborar un poco con el gran espacio que ocupas, que como bien me dijiste conocías ya la solución. Sin embargo he notado que al poner el parche que te mencioné he dehabilitado la nube de tags, esas que flotan. No sé si sepas cómo solucionar eso; o en todo caso si es que tengo, vencido, que escoger entre uno u otro artilugio. Mi blog es http://bajotumirada.blogspot.com/

Como siempre, gracias por tu tiempo,


Mil besos

Marco

Hola Rosa.
Te molesto a ver si me podés dar una mano.

Acabo de cambiar la plantilla de mi blog y no me aparecen fecha, hora y autor de los posts como tenía anteriormente.

El configurador de Blogger sólo me permite elegir un formato de fecha que sigue sin aparecer.

¿Sabés que se puede hacer?

Thank you.

Unknown

Queda perfecto, muchas gracias! :)

el alma te cuenta

Hola te felicito mucho por la informacion que das en esteblog, he puesto muchas cosas que aqui explicas y me ha siso muy util, estoy enamorado de mi blog a causa tuya. gracias

http://elalmatecuenta.blogspot.com

Rosa

marco No, no es ese el motivo... has relacionado una cosa con otra porque ambas sucedieron en un tiempo, pero la nube ha dejado de andar bien por motivos ajenos a ese "parche"... no está bien el sitio donde está alojado el código, así que ha dejado de funcionar... habrá que esperar un poquito a ver si todo se normaliza allí...

Rosa

CALIGULA Cada plantilla tiene su propio diseño... hay que fijarse cuando elegimos una que se ajuste a lo que necesitamos y que incluya lo que queremos... eso que falta es porque quien la diseñó así lo decidió supongo...

Rosa

Fredy Marin¡Muchas gracias! :D

Marco

Rosa solucioné el problema del autor y la hora de los post. Sólo me resta la fecha.

h2 toma el título del post, h3 y h4 el sidebar.
¿Sabés si puede agregarse alguna linea a la plantilla?

http://la-pelota-no-dobla.blogspot.com

Muchas gracias.

Sixto Daniel

Rosa disculpaa casi se me va la luz xD ojala me de tiempo, mira tengo una pregunta la hago aqui por que si me pongo a buscar se me va la luz hahaha, queria saber si hay manera de poner los titulos al lado del texto osea siempre los titulos estan encima de la imagen y el texto, yo quiero qe este la imagen y el titulo al lado de la imagen y debajo el texto, nose si me explico? espero qe me ayudes cuidate saludos desde venezuela un abrazo!

marco

Gracias Rosita por la info, ya me estaba jalando los pelos!! jajaja. Esperaré entonces a ver si se arregla.

Besos

Gime

Hola rosa ! Te queria preguntar: yo quiero añadir un gadget (imágen) al cual al hacerle clik vaya a un enlace, eso esta solucionado, lo que yo quiero saber si es posible es poner como titulo de esa imagen otra imagen, se entiende ? obvio la imagen va a tener escrito el título ! Muchas gracias !!

Rosa

Sixto Daniel Lo que hay es lo que ves...

Sixto Daniel

ahm ok Gracias de todas maneras, cuidate.

Anónimo

:) Hola Rosa, me preguntaba si usted sabe como poner un caracter antes de cada entrada segun la etiqueta que tenga esta, por ejemplo así:

♥ Juan y Lucía su historia.
☺ Broma al conductor
♣ Juego del ahorcado

donde: "♣, ☺, ♥" aparece delante del titulo de la entrada cuando la entrada tiene la etiqueta:

♣ juegos
♥ amor
☻ humor

según cual tenga (soló 1 etiqueta).

Y poder modificar en una perte de la plantilla HTML el caracter ☺ por ☻ y guardar la plantilla y que el cambio se aplique automaticamente a todas las entradas.

Muchas gracias por leerme y si no puede pues nimodo no se apure.

Gracias y saludos,
Carlos!

Anónimo

CAVAHO No, lo siento.

Anónimo

marcoMira aquí:
http://oloblogger.blogspot.com/2010/03/reparar-blogumus-otra-vez.html

Anónimo

Gime ¿La imagen que ya tienes está incluida en un gadget de Imagen o directamente en uno de HTML?...

marco

Rosa, lo intenté como lo dijo oloblogger (aunque no estoy seguro de que la url sea de esa manera), y no me resultó. Sólo me cabe esperar a que se resuelva el problema. =(,


Gracias de todos modos.


Besos

Old School Generation

Hola Rosa!
No podía dejar pasar la oportunidad de visitar tu blog, uno de los mejores que conozco.
Tan solo quería aprovechar para saludarte y, como siempre, desearte lo mejor del mundo.
En fin, que tienes un blog MARAVILLOSO, digno de toda loa y alabanza.
Por cierto, cómo te va con el proyecto aquel que iniciasteis de una radio?
Hace algún tiempo tuve la ocasión de escucharte, y me hizo bastante gracia.
Bueno no te entretengo más; que pases un feliz fin de semana y, por supuesto, una estupenda semana santa!
Un abrazo.

Ariel Mode

que bien esto es un truco muy bueno...
rosa mira encontre esta pagina que puede ser bastante util genera menus, tablas, generador de css y muchas cosas mas muy rapidamente y facil echale un vistaso si es que no la conoces jejee

http://recursosparawebmaster.cafetero100.com/MouseoverGenerator.php


saludos xaup

Anónimo

xCanibalx Si la conozco... pero muchas gracias por el aporte, seguro a alguien le vendrá bien...

Anónimo

Old School Generation. ¡Gracias por pasarte a saludar y por tus palabras! :D
Feliz fin de semana y feliz semana santa a ti también!

Gabbo the Fox

Hola Rosa. Necesito de tu ayuda. Ya tengo configurado mi plantilla en mi blog (con Blogger Template Designer), entro a la edición de HTML y pego una URL de una imágen grande, guardo, lo reviso y no está ampliada como las imágenes predeteminadas. Este es el código:



Busco imágenes de gran tamaño y el resultado es el mismo, no llega hasta al fondo. ¿No hay un truco para eso? ¿Qué tengo que hacer? No quiero que la imágen se repita. Sólo quiero que la imágen sea grande y que alcance toda la página. Este es mi blog:

http://gabbo13.blogspot.com

para ver qué sucede.

Gracias

Griselda

hola, Rosa, solo pase a visitarte y dejarte saludos, gracias x compartirnos tantos tips, son de gran ayuda para nuestros blogs, sobre todo para aquellos que estamos en pañales sobre estos temas, abrazos y q tengas un tranquilo fin de semana, chaooo

Anónimo

luna-2008 ¡Muchas gracias! Un abrazo! :D

Anónimo

Gabbo The Fox E s dificil que una imagen de fondo que no se repita alcance toda la página, si lo hace en un PC en otro no lo hará dependiendo de la resolución de pantalla... normalemente lo que se hace es incluir una imagen grande centrada y añadirle un color de fondo que quede bien con ella...

Anónimo

CALIGULANormalmente la fecha seria algo así:
h2.date-header{

Anónimo

:) Bueno gracias por contestarme Rosa.

Felicidades por su Blog!

Facu.Marin

Hola Rosa... queria saber como poner algo como lo que se encuentra en este blog: http://zinmagtribune-btemplates.blogspot.com/

En la parte derecha donde dice "POPULAR", "ARCHIVE" y "RECENT". Queria saber como hacer para poner algo como eso en mi blog. Desd eya muchas gracias rosa :D

Rosa

Facu.Marin Justo tengo pensado publicar en breve algo como eso, no exactamente igual claro, pues supongo que use JQuery ahí o algo por el estilo...

Facu.Marin

Ok... Esperare tu publicacion. Eres la mejor rosa !! :D

Gem@

Gracias por la referencia Rosa, es todo un detalle :)

Rosa

Gem@ No más que los detalles que tu has tenido conmigo :D... además me ahorré el trabajo... últimamente preguntaban mucho sobre como hacer esto y si ya lo tenias tu, para que "matarme" yo ja,ja...

Unknown

Hooooola Rosita ^_^ este año he estado un poco lentita para visitar, el amor me tiene en las nubes ;), solo pasé a dejarte un enorme abrazo ronroneado esperando que tengas una meowliciosa semana y que sea muuuy cortita :D

Muchos besos en mi abrazo prrrrrrrrr ^_^

Rosa

Σ=o) Pau ¡Oh el amorrr!!! Un besote linda!! :D

[patricia]

hola Rosa,
Antes de nada, he hechado un vistacillo a tu blog y me parece muy interesante, sobre todo para gente como yo, que no se entera muy bien de como funconan algunas aplicaciones para el blog.
Mi comentario viene a que no puedo quitar la nieve de mi blog, y en vista de las fechas que estamos, ya me estoy desfasando.
He intentado buscar en mi plantilla cual es el código que hace que siga apereciendo la nieve pero mi busqueda ha sido sin éxito. No se si mandarte mi plantilla por email para que me digas que debo borrar, porque he seguido tus instrucciones (que comentas en tu entrada de colocar la nieve) y aún así nada ...
LLevo más de una hora intentándolo, y como ya es la 01:15h de la mañana y mañana debo madrugar. así que me rindo! :(
¿Puedes ayudarme?
muchas gracias
mi correo es patriciasg@ono.com

Anónimo

Hola Rosa;
Espero te encuentres muy bien.
Te consulto por lo siguiente, en tu blog descubrí el código html para hacer una nube de etiquetas que quedo magnifica en mi blog. sin embargo desde ayer simplemente no funciona...el código sigue ídem...no entiendo que pudo haber pasado. Yo tengo mi blog en blogger...seran ellos los del problema?? He intentado hacer todo de nuevo pero simplemente no resulta...solo me aparece "Nube de Etiquetas Blogumulus by Roy Tanck and Amanda Fazani"...(hum....o serán ellos ??)Si tienes alguna info al respecto te lo agradecería para dejar de darme en la cabeza con este tema. Millones de gracias!!!!

Mercier mc

Hola Rosa,

El otro día intentaba habilitar los comentarios incrustados de bajo de la entrada pero me surgió un problema.
Blogger comunica que el formulario de comentario incrustado no se puede utilizar si está inhabilitado "Publicar páginas". Pero no localizo este apartado de publicar páginas.

¿Puedes ayudarme? Gracias

Rosa

[patricia]Es tan fácil como eliminar el gadget del footer que ahí es donde está, concretamente es el HTML8.

Rosa

Maria Alejandra Si, es del servidor donde está alojado el código... esperemos se solucione, sino habrá que subir el script a un servidor propio... en el blog de Oloblogger (enlace en mi sidebar) tienes como hacerlo si quieres...

Rosa

Mercier mc Lo encuentras en Configuración - Archivo

Alexis Moya

Lo acabo de instalar en mi blog y funciona perfectamente. Hace tiempo buscaba poder hacer algo asi.

Muchisimas gracias Rosa!!!!!!!!!!!!

Lisett

Rosita, yo como siempre fastidiandote.. mira el blogger in draft ha implementado un nuevo sistema de subir imagenes, el problema radica en que solo te dan tres opciones: subir imagenes ya cargadas de tu blog, del album de picassa, y de web, y aparte muy solito te ponen un cuadro que dice algo asi como "upload" uno presume que tiene que darle alli para subir sus fotos.. pero nada! espero y espero y nada! no puedo subir imagenes y el blog de Blogger in draft ni se pronuncia a pesar de que ya me he quejado que no funciona, hay alguna otra cosa que me estoy pasando? porque lo que entendi del blog de bloger in draft fue que para los que contabamos con una plataforma "java" yo tengo pero igual no suben :S y ya esta causando bastantes molestia. Dime sabes algo sobre esto, a mi se me paso leer algo? o simplemente hay algo oculto que no logro ver? muchas gracias y disculpa la molestia ;)

Rosa

Lisett El Blogger in Draft es donde Blogger prueba antes sus cosas nuevas, es decir, las instala y permite que nosotros las probemos... una vez se comprueba funcionan bien... el equipo de Blogger las traslada al Blogger "normal"...
Eso que dices es tal como lo dices... no se te pasa nada... solo que siempre en los primeros días andan revisando y hay veces que no va bien, otras si... yo misma acabo de usarlo sin problemas...
Muchas veces incluso han añadido cosas en Draft que luego no pasan a Blogger porque se comprueba no andan bien...

Cocina

Gracias ROSA!! este es el unico blog de ayuda que nos resuelve todo al instante!!!
te queremossss!!!!!!gracias por tu valioso tiempo!!;)

Lisandro g

Rosa me encanto el post me funsiono bien, pero lo que no me funsiona es lo de las pestañas es que los codigos no son iguales... espero me ayudes un poquitin ya que soy un novato en esto es mi primer blog en serio

Jose Manuel (EL Gruista)

Hola rosa
es la primera vez que comento
veras tengo un pequeño problema
cuando activo los comentarios
Entrada incrustada a continuación
a la hora de comentar no aparece el avatar del que comenta
solo sale su nombre
no se si es debido a que
al cambiar el colo del fondo de los comentarios esto haya influido
pero me gustaria que no apareciera el nombre si no tanbien la imagen

un saludo rosa

Rosa

Dr.Gerald ¿Qué pestañas?... si has dejado el comentario en la entrada correspondiente, lo veré... sino hazlo, o no podré saber de que pestañas hablas...

Rosa

Jose Manuel (El Albañil) Quizá no has activado la opción...

http://elescaparatederosa.blogspot.com/search/label/Blogger

Jose Manuel (EL Gruista)

rosa si la activo
el prblema es que cuando alguien comenta solo sale su nombre
pero no sale junto al nombre su avtar
como por ejemplo aqui el mio si sale al comentar

Rosa

Jose Manuel (El Albañil) Antes te indicaba la dirección de una de mis etiquetas para que tratases de localizar la entrada y resolver eso... veo que tengo que buscar yo por ti... en esta entrada está la solución a tu problema...

http://elescaparatederosa.blogspot.com/2009/09/nuevo-editor-y-avatar-en-comentarios.html

Jose Manuel (EL Gruista)

solucionado
Muchas graciasssssss por tu ayuda y tu paciencia

un abrazoooooo

guiye

Este truco me ha ido estupendamente. Muchas gracias y felicidades por tu Blog.

José Martín Molina

Hola de nuevo Rosa! Te quería consultar en relación con esta entrada :P
Resulta que el código tiene un pequeño fallo y es que las fotos que aparecen con la fórmula de "leer más" salen deformadas. Al ajustarse ancho y alto a los 120 x 100 písxeles correspondientes, hay fotos, sobre todo si son alargadas en uno u otro sentido, que se deforman.

¿Sabes si esto tiene solución?
¿Si quizá en lugar de la foto entera pudiera coger sólo una porción, por ejemplo la parte central, como sucede en los blogrolls de blogger?

Anónimo

pepeworks blog Si, así es... hay que escoger las imágenes pensando en esto, como ya he indicado en comentarios en las entradas sobre este efecto...

JoeMarti

Muy buen tip!. poco a poco con tus consejos voy
aprendiento y mejorando mi blog.

un saludo!!

Unknown

Hola Rosa, se puede hacer que el script tome solo una parte de la imagen, me explico http://lifehacker.com en ese blog tienen algo parecido a las imagenes, pero quiero saber si se puede mostrar la imiagen tal y como indica el script de 100px(x)120px pero que solo se muestre una parte de la imagen original para que no se distorione esa imagen. Saludos.

Anónimo

Borest N, al menos yo no se hacerlo... lo que hay que hacer es tal como en mi blog de pruebas, procurar al escoger la imagen que tenga una forma más o menos cuadrada para que no se deforme demasiado...

Unknown

:( Bueno, si eso procurare, gracias por la información, un saludo ;)

Hatori Leumas

Siempre leo tu blog y bueno gracias por darnos esos grandes consejos ... quisiera preguntar ya que estamos en el tema de Leer mas quisiera saber por favor ... como podria centrar esa imagen para que se vea un poco mas apropiado saludos ... te dejo mi blog www.anime-k.com gracias por la ayuda

Anónimo

Hatori Leumas En esta línea del script, cambiando left por center...
imgtag = '<span style="float:left;

Pero no creo que se vea "más apropiado" con la imagen centrada...

Angela Arias Molina

Hola, Rosa... Tengo una pregunta...

Me interesa aplicar el "Leer más" con miniatura en un blog, y ya tengo como herramientas tus entradas que hablan del tema.

No obstante, hay algo que quiero hacer y no encuentro la manera de hacerlo con los trucos que ofreces. Por ejemplo, quiero que todas las entradas que se ven en la página principal del blog tengan el leer más con la miniatura, pero que la última entrada actualizada se despliegue entera. Además, quiero conservar el leer más en las etiquetas, como en este blog.

¿Sabes cómo podría conseguirlo?

Gracias de antemano :)

Anónimo

Angela Para que la primera entrada se muestre diferente en su diseño, tengo en breve pensado subir una entrada al respecto. En cuanto a la combinación de los dos trucos que preguntas, tendría que mirar si eso es posible, a veces hay que decidir entre usar un efecto u otro... ahora mismo no podría decirte, ya que no he tratado nunca de comprobar si podrían usarse los dos, y si así fuera, no es algo que se pueda explicar en un comentario.

Angela Arias Molina

Muchas gracias, Rosa. Entonces esperaré tu entrada :D ¡Saludos!

Anónimo

hola rosa tengo un problema con el data post body no lo encuentro por ningun lado no sabes otra forma de colocora este.
me es muy necesario.

lady_animazyon

Hola Rosa!

Hace mucho que quería probar este truco. lo hice en el blog de prueba y funcionó perfecto, pero tengo una pregunta, yo pensaba que iban aparecer todas las entradas no solo las mas recientes, la pregunta es ¿se puede cambiar la frase que dice "entradas mas recientes" por..numeros, como en los foros donde ves cuantas paginas quedan del mismo tema?

Anónimo

PeinsSi tienes una plantilla de Blogger,tienes ese código. ¿Lo has buscado tal como digo?..."Expandir las plantillas de artilugios", sino es así jamás lo encontrarás.

Gabriela, clavo y canela

Hola Rosa, ya hice estos pasos, pero en mis páginas estáticas me siguen saliendo el leer más, me podrias ayudar, por favor?
gracias
Gaby

Anónimo

Gabriela, clavo y canela Si estás usando el sistema de "leer mas con miniatura de imagen" que explico en mi blog, el que indico a comienzo de esta entrada, y si has hecho todo bien, no debería de salir.

Gabriela, clavo y canela

Gracias Rosa, pero no sé que hice mal. El código lo tomé de otra entrada tuya, donde explicas. Y luego tratando de corregir, volví a hacerlo a partir del paso 4, como explicas aqui.
Hay alguna manera de borrar el Leer más, y que lo vuelva a hacer desde el principio?
Gracias Rosa
Gaby

Anónimo

Gabriela, clavo y canela La única manera es, como con todo lo que añadimos, siguiendo los pasos al revés..."desandar el camino" :D

Gabriela, clavo y canela

Madre mía en que lío me he metido jaja...
Muchas gracias Rosa eres un ángel..
besos
Gaby

RocksNRules

Rosa gracias de nuevo, me ha salido todo bien, como siempre muy bien explicado.

Aquí un ejemplo de cómo me quedó
http://rocksnrulestv.blogspot.com/search/label/Conciertos

ed

Saludos Rosa y enhorabuena por el blog, el cual sigo asiduamente :), esta vez no pretendo recibir ayuda, sino devolver un granito de arena.

Finalmente he decidido poner operativo mi blog (edtorrelles.blogspot.com) con el diseño que hace tiempo quería, y he utilizado este script en concreto, pero he realizado algunos cambios para mi cruciales, el centrado de la imagen sin que aparezca aplastada, siendo un blog de dibujos, imprescindible.

Aquí os dejo a ti y todo el que lo precise el script de la última parte: function createSummaryAndThumb(pID)

lo escribo con las etiquetas pre y code esperando que se vea bien.. crucemos los dedos XD. Al final en http://www.eblogtemplates.com/blogger-ad-code-converter/ he podido transformar el codigo para que aparezca aquí :)



function createSummaryAndThumb(pID){
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;"><img src="http://1.bp.blogspot.com/_hwS3LTvSUHU/Shk0GbnU4gI/AAAAAAAAAuY/u3ZW-yyej_o/s1600/avt-ed.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
hepelui=img[0].offsetHeight;
wepelui=img[0].offsetWidth;
if(hepelui>wepelui) {
word_thumb_height = ((hepelui*img_thumb_width)/wepelui).toFixed()+'px' ;
word_thumb_width = img_thumb_width+'px' ;
htongo = (((hepelui*img_thumb_width)/wepelui)-img_thumb_width)/2 ;
marg_thumb_height = htongo.toFixed();
marg_thumb_width = 0 ;
}else {
word_thumb_height = img_thumb_height+'px' ;
word_thumb_width = ((wepelui*img_thumb_height)/hepelui).toFixed()+'px' ;

marg_thumb_height = 0 ;
wtongo = (((wepelui*img_thumb_height)/hepelui)-img_thumb_height)/2 ;
marg_thumb_width = wtongo.toFixed();
}

imgtag = '<span style="position:absolute; top:-'+marg_thumb_height+'px; left:-'+marg_thumb_width+'px; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+word_thumb_width+'" height="'+word_thumb_height+'"/></span>';
summ = summary_img;
}

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

Anónimo

edtorrelles ¡Muchas gracias!!! :D Lo revisaré con calma... graciasss!!

Unknown

Muchas gracias por este truco, es una forma muy linda de ver hacia atrás, además de buscar lño que deseas queda el gustito de ver si hay más :)
Un beso y abrazo ronroneado, que tengas una linda semana ^_^

Anónimo

Σ=o) Pau Contigo da gusto... todos los comentarios son para agradecer... no se te resiste nada :D

Isaac Chavero

Hola Rosa, ¿hay alguna forma de que el numero de palabras sea diferente en la página principal y en las etiquetas? Por ejemplo, a mi me interesaría que en las etiquetas solo se viera una imagen y menos texto que en la principal para facilitar la navegación

Anónimo

Isaac Chavero Justo entonces estás en la entrada que necesitas, es lo que se logra añadiendo este efecto.

Isaac Chavero

Rosa, no me explique bien. Ya se que con este efecto se crea un sumario automático con una imagen que se aplica a la página de inicio y a las etiquetas, lo que me gustaría (no se si es posible) es seguir aplicando el efecto en inicio y etiquetas, pero que el sumario fuera diferente en la página de inicio respecto a las etiquetas. Por ejemplo mostrando en el inicio 200 palabras y en la etiquetas 150. O Mostrando las imagenes más grandes en la página de inicio y más pequeñas en las etiquetas.

De esta manera mostrariamos más contenido en la portada del blog y menos al navegar por las etiquetas disminuyendo el espacio ocupado. La opción de mostrar solo el título en las etiquetas no me convence.

Isaac Chavero

Finalmente lo "solucione" diferenciando la página de inicio de lás páginas de etiquetas. En la página de inicio las entradas estan en dos columnas (exceptuando el primer post que esta en una sola). En la página de etiquetas las entradas estan tambien en una sola columna. Si quereis verlo:
www.larevistadecirugiaestetica.com

Anónimo

Isaac Chavero Ha quedado muy bien, si... la última entrada de Ciudad Blogger imagino... :D

Gra

Hola Rosa!!!..siempre te leo aunque no escriba!!!..sos una genia!!!
Estoy empezando un nuevo blog con la plantilla Plantilla Picture Window de Josh Peterson. Aplique el truco (el primero que le pongo) y ni mú!!
Hay alguna razon para que no ande? o me recomiendas volver a las viejas plantillas??....muchos saludos!!!

Anónimo

Gra No so quien para recomendar nada, pero si decides quedarte con la nueva ten en cuenta que no podrás aplicar muchos de estos trucos, e incluso algunos funcionarán en un modelo y en otros no... Esas plantillas están pensadas para limitarse a modificarlas desde el diseñador y poco más...

Gra

Gracias Rosa!!!
Hice hoy un recuento de los trucos que quiero poner y si esto se complica tanto es mejor modificar la minima como ya hice para otro blog!!!....quien mejor que una experta para recomendar!!!
Además, mecacho!! (dijera Mafalda) desde el diseñador es poquisimo lo que se puede modificar, casi casi solo colores !!!Cariños y gracias otra vez !!!!!!

Marieta

Rosa, estoy desesperada, estaba leyendo el consejo que le diste a la chica de las entradas dobles pq también me pasa a mí, con lo cual ya son tres los problemas que tengo, y todos mis problemas creo que vienen de que ayer borré el blog 1 en lugar del 2 y ahora al editar me pasan estas cosas. La pregunta es, si cambio el blog2 a blog1 me quedo directamente sin gadget de entradas o lo arreglo. Muchas gracias.

Anónimo

malachuca Debería de arreglarse si.

Admin

No Internet Explorer as vezes aparece o seguinte erro (unable to modify the parent container elemnt before the child elemnt is closed (KB927917) o erro aparece devido este hack. Como eu corrijo o problema? Grato

Anónimo

Admin Normalmente, usted tendrá un tipo de bloque <script type="text/javascript"> situado en algún lugar inadecuado... el error no es producido por el hack, sino por una mala colocación de los códigos.

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S