25

Plantilla tres columnas con "leer mas" incluido


Una fantástica plantilla creada por César para Blogger, aunque en su bloG podréis encontrar alguna más, esta es mi favorita.
Lleva incluido el "leer más" para las entradas con imagen incluida. Las dos sidebar están presentadas a la derecha. Para instalarla solo hemos de copiar el código y sustituirlo en nuestra plantilla. César también incluye en la entrada de presentación de la plantilla, el código necesario para "armar" los links.

Si tenéis alguna duda, estoy segura que César os atenderá amablemente.

Ver plantilla funcionando.

Entradas Relacionadas:

25 comentarios:


toxicboy

(Off topic)

Hola Rosa y resto de amigos del escaparate. Si me permitís, y antes de que intenteis todos a la vez colocar vuestra tercera sidebar, me gustaría compartir una duda que no se si como yo también teneis en este mundo blogger.

Resulta que cuando subo fotos que yo mismo he retocado en mi photoshop (las he retocado para hacerlas grandes y que no se pixelen pues la herramienta de "estirar" que aparece en la pantalla de redactar no es muy sofisticada que digamos)blogger me las sigue interpretando como pequeñas y, por lo tanto, al "estirarlas" se deforman. Uso fotos de gran tamaño para evitarlo pero es subirlas y...

En muchos blogs aparecen grandes fotos con la resolución perfecta, lo que hace preguntarme que o algo estoy haciendo mal o existe algun truco para evitar este desagradable efecto fotográfico.

Os animo a comentar...

Gracias y espero que Rosa no se me enfade por abrir este pequeño debate en uno de sus post...

Gracias!

Rosa

Pues no me enfado Toxic XD. Aunque, la verdad, no se si te he entendido muy bien...
Cuando subes una foto hay tres posibilidades : pequeña (200px), mediana(320) y grande(400).
Cuando usas el grande al pinchar sobre la imagen ya subida se ve a su tamaño natural, hasta un máximo de 1.600.
Yo nunca uso lo de "estirar" que tu dices...

toxicboy

Hola Rosa.

Gracias. Me refiero a que subo una foto que tiene unos 600 pixeles de largo y unos 200 de ancho (lo suficiente para que cubra todo mi post) y una vez que lo subo esta se queda, no se como decirlo, pequeña... no me respeta el tamaño con que yo la he creado...

no se, si me explico bien. Subo una foto que en mi ordenador es grande pero blogger me la interpreta (en el post) más pequeña...

Estoy haciendo pruebas... ya os contaré

Rosa

Blogger solo admite hasta 400px, pero la solución está en subirla a otro hosting y pegarla en el post:

<img src="URL_DE_IMAGEN">

David Sardinero

Hola Rosa, te queria hacer una sugerencia en cuanto a una utilidad que he visto en alguna página en inglés y que no he sido capaz de añadir a mi blog. Se trata de la opcion de Entradas relacionadas con la que estemos publicando. Por si no me he explicado bien (que es probable) te dejo este link

http://www.jackbook.com/2007/09/related-posts-entries-on-blogger-blogspot.html

Un saludo!

Gem@

Con permiso de Rosa me gustaría hacer un comentario sobre el tema, yo si he probado eso que dice de estirar la imagen, es con el editor de las entradas en la posición de Redactar, aunque funciona bien es lógico que la resolución merme.
Rosa tiene razón en las entradas el tamaño que Blogger nos permite visionar es 400 siempre y cuando nuestro main no, nos permita una imagen mayor.
Si el main tuviera por ejemplo 600 la forma de visionar una imagen en su tamaño real es subiendo la imagen a un servidor y añadiéndola en el código para imágenes.
<img src="url-imagen">

•°o.O •° CaRoLiNa °• O.o°•

Rosa:
espero que estes bien. necesito tu ayuda (claro si tu puedes).

Tú sabrás donde conseguir un widget para blogger que me perita poner los post mas vistos. No he podido encontrar.

Espero que puedas ayudarme.

Un abrazo desde Viña del Mar, Chile.

Una amiga

Carolina/Mente Solitaria ®

toxicboy

Gracias Rosa y Gema... me temía la respuesta... Entiendo que subir fotos a un servidor externo es la solución pero ya dependes de el demasiado... no sé... Yo tengo photobucket y algun día puede colgarse o lo que sea y te deja sin fotos...

En fin ¡Que blogger se estire y permita subir cualquier tamaño de foto!!

Gracias!

Rosa

Carolina, prueba en esta página:
http://affiliatebrand.com/

Rosa

David ya estaba yo sobre el tema...
Me ha costado un triunfo poder añadirlo porque el código estaba lleno de errores sobre todo las comillas, se ve que al pegarlo no se percató. Después de mucho pelear he conseguido que Blogger me lo admita, pero ¡no se ve nada!
En esa página, en una de las plantillas, está funcionando...así que no me rindo, seguiré intentándolo y si algo consigo te aviso. ;-)

jose

ola srta rosa. aka estamos desde chile mandando saludos a su blog. Ojala siga asi de util el blog. Gracias a sus ayudas y consejos ayuda a mi blog cada dia. Muchas gracias

jose

se me olvido anotar mi blog para que pase por alli

www.joseacunah.blogspot.com

Rosa

Gracias José por tan lindas palabras, me pasaré sin duda, de visita ;-)

Rosa

David, he conseguido que el código funcione, pero no se porque, solo en la página de las etiquetas...Sigo en ello, en cuanto lo tenga serás el primero en saberlo ;-)

Gracias por la información, me estoy divirtiendo mucho "peleando" con él :-)

toxicboy

Rosa! He subido las imagenes a blogger, he publicado la entrada y posteriormente la he suprimido (no así las imagenes que las he conservado) En mi post he puesto img src="URL_DE_IMAGEN" he añadido la direccion de la pagina donde está alojada la página pero...

¡No aparece en la entrada!

Rosa

Toxic, a ver... Cuando subes la foto al editor de entradas, supongo que lo haces con la pestaña en "redactar", si es así una vez subida pincha arriba del editor, donde dice "edicion HTML" y verás que el código de la imagen es algo así:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_8PJ-pgoBhWQ/RwoRxJfZfII/AAAAAAAACMQ/ThC0eaeaq-k/s1600-h/Nombrenn.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_8PJ-pgoBhWQ/RwoRxJfZfII/AAAAAAAACMQ/ThC0eaeaq-k/s200/Nombrenn.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5118923462518865026" /></a>

Si vas a usarla en una entrada de Blogger, puedes copiar el código completo y es el que tendrás que pegar. O copiar solo el src="http://bp1.blogger.com/_8PJ-pgoBhWQ/RwoRxJfZfII/AAAAAAAACMQ/ThC0eaeaq-k/s200/Nombrenn.jpg"

Y completar luego con <img src=" http://bp1.blogger.com/_8PJ-pgoBhWQ/RwoRxJfZfII/AAAAAAAACMQ/ThC0eaeaq-k/s200/Nombrenn.jpg"/>

Pero es que lo que te decía de Picasa, es que si no has guardado ese link de la imagen, puedes ir a tu cuenta de picasa y localizar la imagen en cuestión en uno de los albunes y al pinchar sobre ella a la derecha te sale el código ya listo para pegar en el blog...

¡Ay por Dios!! Qué manera de dar a las teclas...¡tu me matas!!! jajaja

Me voy a la cama killo, que es tarde y estoy "matá" cualquier cosa me lo cuentas mañana ;-)

Rosa

David, que se me olvidaba...ya tengo controlado ese código, pero la verdad, es un poco...incomodo sobretodo, si como yo, tienes tantas etiquetas. Muestra los post relacionados debajo de cada entrada, pero no con cada post en cuestión, sino con cada etiqueta, aunque se puede escoger mostrar solo determinadas etiquetas. Aún así, no le encuentro mucho sentido ponerlo ahí...no obstante, si te sigue interesando, dímelo y preparo una entrada.
Prepararla voy a prepararla de todos modos, pero si tienes mucho interés, pues me pongo a ello ya mismo... ;-)

Anónimo

Quisiera por favor conocer la manera de que se vean los comentarios debajo de las entradas.

mundorespuestas

Hola Rosa,

Gracias por responder en otra de mis preguntas.

Ahora te escribo pues tengo un problema con mi blog, se trata de lo siguiente:
Cuando veo mi blog en explorer 6, la tercera columna aparece en la parte inferior izquierda (al final del blog), en explorer 7, 8 y en mozilla se ve normal. Dime por favor como puedo solucionar este problema.

Mi blog es: http://mundorespuestas.blogspot.com

De antemano muchas gracias por tu ayuda. Recibe saludos!

Rosa

mundorespuestas Hace tiempo que me olvidé de IE6.
Para eso están las actualizaciones, para mejorar las cosas, no es lógico que nadie lo esté usando ya, ni preocupándose por una versión que lo único que hacía era dar problemas de diseño.

mundorespuestas

Hola Rosa,
Gracias por tu pronta respuesta.
Al principio yo tambien pensaba que pocos entraban a el blog desde IE6, por ello no le di importancia, pero cuando vi las estadisticas de mi blog me sorprendio ver que alrededor del 30% de los visitantes entran usando ese navegador (puedes verificarlo en mi contador en la columna izquierda).
Por ello es que requiero solucionar ese problema de visualizacion.
De antemano gracias por tu ayuda.
Saludos

Rosa

mundorespuestas No lo dudo.
Pero como te dije, no tengo IE6, ni modo entonces para comprobar el error.
Además probablemente lo que arreglasemos en IE6 haría que se viese mal en IE7 o Firefox...

Puedes preguntar a Jmiur en http://vagabundia.blogspot.com quizá el pueda ayudarte.

Julio C. Vega Sanchez

Gracias tengo este problema con esta palntilla, megustaria que me orienten

Por favor, corrige el siguiente error y envía la plantilla de nuevo.
La plantilla no es válida porque la etiqueta "div" aparece dentro de la etiqueta "head".

Rosa

Julio C. Vega Sanchez Antes de guardar la plantilla, localiza esto que está casi al comienzo de la misma, justo después de <head> y eliminalo:

<div style='color:#993333; background-color:#F1E47E; border-bottom: 2px Ridge #EEE17B; margin: 0 0 5px 0; padding: 4px 0; font-size: 14px;'<<b>Resolución recomendada 1024 x 768 | Navegá con Firefox!</b></div>

Publicar un comentario en la entrada

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