Entradas resumidas estilo magazine (3)

27 de agosto de 2010 608 comentarios ,
Después de haber visto cómo hacer las entradas resumidas estilo magazine uno y dos, vamos a finalizar con esta tercera opción que se adecua para los blogs de fotografía, por lo que haremos que la plantilla parezca una galería de imágenes incluyendo ventanas modales.
Puedes ver un ejemplo funcionando en este blog de pruebas y haz click en cualquier imagen.

gallery template

El procedimiento es mucho más sencillo que los dos anteriores ya que no requiere de ningún script para hacer resúmenes, sólo condicionaremos la forma que se mostrarán en la portada y nos valdremos de Shadowbox para las ventanas modales aunque eso es opcional.

El primer paso es entrar a Plantilla | Edición de HTML y pegar antes de </head> lo siguiente:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
#sidebar-wrapper { /* Con esto ocultamos la sidebar de la portada */
display: none;
visibility: hidden;
}
#main-wrapper {
width: 830px; /* Ancho del blog en la portada */
}
.post {
border: 10px solid #424242; /* Color y tamaño del borde */
float: left;
height: 175px; /* Alto de cada contenedor */
width: 175px; /* Ancho de cada contenedor */
margin: 6px; /* Distancia entre cada contenedor */
padding: 0;
overflow: hidden;
}
.post-body {
padding:0;
margin:0;
}
.post h3 {
padding: 0;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color: #BDBDBD; /* Color del título de las fotos */
background: #424242; /* Color de fondo del título */
margin: -5px -5px 0 -5px;
text-align: center;
}
h3.post-title, .post-header {
margin: 0;
background:#424242; /* Color de fondo del título */
}
.post img {
height: 175px; /* Alto de la foto en miniatura */
width: 175px; /* Ancho de la foto en miniatura */
float: left !important;
border: 0;
padding:0;
margin:0;
}
.post-outer, .inline-ad {
padding-top: 0px !important;
}
.post-outer {
padding-bottom: 0px;
}
h2.date-header { /* Con esto ocultamos la fecha */
display: none;
visibility: hidden;
}
#blog-pager {
clear: both;
}
</style>
</b:if>
</b:if>

Con ese simple paso ya tenemos las entradas en columnas tipo revista, ahora viene la personalización que es la parte más importante.

En la primer parte ocultamos la sidebar de la portada con el fin de que tenga más espacio para mostrar más imágenes y para que se vea realmente como una galería.
El segundo bloque que dice /* Ancho del blog en la portada */ es la suma del ancho del #main-wrapper más el ancho del #sidebar-wrapper, por ejemplo, si el #main-wrapper tiene 600px de ancho y el #sidebar-wrapper tiene 220px de ancho entonces la medida que pondremos será de 880px
El nombre de estos contenedores está basado en las plantillas clásicas de Blogger, así que en las nuevas y otras modificadas el nombre será distinto, ya será cuestión de que cada quien identifique el nombre y ancho de estos contenedores.

Ya que hemos establecido el ancho del blog entonces procederemos a ajustar el ancho y alto de los contenedores de las fotos así como el ancho y alto de las fotos miniatura. Eso se hace donde se indica en color verde, ahí tomaremos en cuenta que entre más pequeñas sean las miniaturas más columnas de fotos cabrán en el blog.

También configura el número de entradas a mostrar en la página principal de modo que nunca vaya a quedar vació un espacio, por ejemplo, si ajustaste el tamaño para mostrar columnas de tres entradas entonces deberás configurar el blog para que muestra 6, 9, 12 o 15 entradas en la página principal; si fueran columnas de dos entonces tendrás que mostrar ya sea, 4, 6, 8 o 10 entradas.
Para hacerlo ve a Configuración | Formato | Mostrar un máximo de y ahí elige el número de entradas que se mostrarán.

Un dato que hay que tomar muy en cuenta es que si agregas texto a la entrada éste deberá estar debajo de la imagen, de lo contrario el texto se mostrará encima de la miniatura y se verá mal.


Por último y a modo opcional vamos a agregar Shadowbox para que las fotos de la galería tanto en la entrada individual como en la portada se vean dentro de una ventana modal.
Para ello descarga este archivo, descomprímelo y sube los archivos a un hosting.

Luego entra de nuevo en Plantilla | Edición de HTML y antes de </head> esto:
<link href='URL del archivo css' rel='stylesheet' type='text/css'/>
<script src='URL del archivo js' type='text/javascript'/>
<script type='text/javascript'>
Shadowbox.init({
overlayColor: &quot;#000&quot;,
overlayOpacity: &quot;0.6&quot;,
});
</script>

Sustituye lo que está en color rojo por las URLs de los archivos que se indican y que subiste previamente.

Lo último es lo más simple, sólo creamos una entrada y cargamos la foto, en la pestaña Edición de HTML (no en la de Redactar) veremos el código de la imagen, será algo como esto:
<a rel="shadowbox" title="Título de la imagen" href="http://3.bp.blogspot.com/_dsEG33PDaHw/THf2fvKHVfI/AAAAAAAAAU8/o1827ZGOWEM/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="http://3.bp.blogspot.com/_dsEG33PDaHw/THf2fvKHVfI/AAAAAAAAAU8/o1827ZGOWEM/s400/11.jpg" width="400" /></a>

Lo único que hacemos es agregar lo que está en color rojo y ya, con eso la imagen se abrirá en una ventana modal. Agrega donde se indica el título de la fotografía, ese título aparecerá arriba de la imagen una vez que se muestre.

Si deseas que la foto sea parte de una galería de imágenes entonces en lugar de poner rel="shadowbox", deberás agregar esto:
rel="shadowbox[galeria1]"

Cambia el nombre galeria1 por el nombre de la galería que quieras, así todas las fotos que tengan el mismo nombre de esa galería se mostrarán con flechas dentro de la ventana modal.


Como has podido ver, crear una plantilla en forma de galería no es difícil, el resultado puede ser tan espectacular como tu creatividad te lo permita.


608 comentarios en:

" Entradas resumidas estilo magazine (3) "

  1. Muy buenos los últimos 3 post!! recuerdo que hace tiempo me volví loco buscando este estilo magazine para un blog, lo busqué pro todos lados y como no encontré nada nunca lo puse. Ahora veo las 3 formas de hacerlo que muestras, voy a probar con las 3 a ver si alguna me resulta. Saludos.

    ResponderEliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. Hola Arkeología Videos,

    Igual no la necesites ahora pero nunca está de más testear en uno de pruebas para cuando lo necesites ;)

    Saludos.

    ResponderEliminar
  4. Hola Potro, a mi en este caso me gustaria saber csi se puede poner en el blogg lo que tu tienes, eso de "TOMATE UNA FOTO" y como podria hacerlo, MUCHAS GRACIAS CAMPEON ;p

    ResponderEliminar
  5. ESQUE DE VERDAD ME HA ENCANTADO JEJEJE

    ResponderEliminar
  6. Por supuesto que se puede Ceci, aquí se explica cómo ponerlo el el blog.

    ResponderEliminar
  7. Potro, definitivamente ¡¡eres el mejor!!

    Has dado en el clavo con lo que andaba yo buscando desde hacía mucho tiempo... Me acabo de enamorar!! jajaja

    Un saludo!

    Y millones de gracias genio!!

    ResponderEliminar
  8. Muchas gracias por el Tutorial, ya habia visto varias plantillas tipo magazine, pero no funcionaban con las ventanas PopUp, pero este si funcionas.
    Muy bien hecho.
    Saludos.

    ResponderEliminar
  9. Miguel Naya Santalla, no podía quedarme con la espinita así que tuve que experimentar un poco para ver si se conseguía hacer lo que querías y parece que sí resultó :)

    Dankey, con ventanas popup igual funciona pero a mi gusto creo que con Shadowbox queda mucho más elegante.

    MCarlitooH2, a ti por tu visita wn :)

    ResponderEliminar
  10. Me alegra que haya conseguido proponerte un reto, pero me alegra más que lo hayas conseguido!! Ya te digo, eres un máquina!!

    Pero... (siempre tengo un pero, ;) ya lo sabes) estoy haciendo pruebas, y en mi navegador Chrome, no se acaba de ver bien (la imagen no llega hasta el borde superior del contenedor); sin embargo, en IE sí. ¿a que es debido?

    ResponderEliminar
  11. Genial potro es como la ke tienen en fondos 240 verdad oie por curiosidad ya vistes la foto q se tomo una chika desnuda ai donde se toman la foto?

    ResponderEliminar
  12. Acabo de ver que este método (que me encanta) también modifica como se presenta la información que hay en las pestañas de mi blog (una pequeña introducción sobre mi, un formulario...). No se puede dejar eso de forma normal y la otra parte con este método?

    ResponderEliminar
  13. I love it :3
    Es el mejor de los tres, pero esto también está muy bién para mostrar una galería flash, bueno, ahora que pienso, da igual para que lo uses, si al final ya es una galería XD
    ...
    Lo que hay que var, no sé ni lo que digo, además, potro, no sé si te has dado cuenta, pero has empezado a diseñar una nueva plantilla de blogger...

    Desearía verla acabada. :)

    Saludos, jefe.

    ResponderEliminar
  14. Hola Miguel Naya Santalla,

    Ese espacio es porque corresponde al área del título pero como no tienes el título se queda vacío.
    Si tus entradas no tendrán título entonces agrega debajo de esto:

    .post h3 a, .post h3 a:visited, .post h3 strong {

    Esto:
    display:none;
    visibility:hidden;

    Lo otro que comentas ya lo he arreglado, mira el primer código y agrega la primera y última línea que aparece, con eso no afectará a las páginas estáticas.

    Saludos.

    ResponderEliminar
  15. -º_Rzm_º-, el de Fondos240 es un procedimiento distinto que desconozco, la plantilla que uso ya traía incorporada esa modalidad. No había visto la foto pero ya la he eliminado, gracias por avisarme :)

    Drawer 4 Everyone, ciertamente puede aplicarse para cualquier tipo de galería. Curiosamente cuando hice la del blog de pruebas me quedé pensando que debería hacer una plantilla similar para descargar :P

    ResponderEliminar
  16. Excelente aporte. Lo probaré.

    El Potro, quiero hacer una pregunta. ¿Como lo hago para insertar una galería fotográfica, que no sea Slide, y que funcione con paquete de fotos? Ojalá puedas responder mi solicitud.

    Saludos!

    ResponderEliminar
  17. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  18. Hola Roster,

    Pues galerías hay muchas, todo depende de qué estés buscando o qué se adecue a tus necesidades.
    En Vagabundia tienen varias de ellas, puedes usar su buscador y poner 'galeria' para que veas qué tanto tiene que puedes usar.

    Saludos.

    ResponderEliminar
  19. Hola APM Las Palmas,

    Pues qué puedo decirte, según veo en el blog dice que sólo recopila lo que un día necesitará aunque creo que la mejor forma que pudo haberlo hecho es agregando las entradas a sus favoritos y no publicarlas para evitar confusiones y/o bien para que Google no lo detecte como contenido duplicado, ya que esto último perjudica a los blogs que está copiando.

    El comportamiento de ese usuario no es lo más ético pero sé que todo caerá bajo su propio peso.
    Te agradezco mucho que te hayas tomado el tiempo para escribir y que te preocupe esta irregularidad.

    Un saludo grande.

    ResponderEliminar
  20. Potro, me vas a permitir que por una vez en la vida, te corrija... TÚ NO ARREGLAS, TÚ CREAS!!

    Eres un auténtico crack! Lo de las páginas estáticas está solucionado (haces que todo parezca tremendamente fácil).

    Sin embargo, a pesar de haber añadido lo que me indicas, en Google Chrome sigue apareciendo ese espacio en la parte superior de las entradas (no me pasa en IE)...

    Un pregunta más (no corresponde a este tutorial): ¿Como puedo hacer para reducir el espacio que hay en mi blog encima de la foto que hay como cabecera? Es muy grande...

    Gracias una vez más Potro!!

    P.D. Y disfruta de tus vacaciones en Cancún!!

    ResponderEliminar
  21. Buenso dias :
    Soy el "DELINCUENTE" que cita "APM Las Palmas" mas arriba , efectivamente es un fallo mio , ya lo he arreglado y he puesto en PRIVADO el susodicho blog.
    Me parecio muy comodo y operativo el agrupar/ ARCHIVAR en un blog lo que por utilizarlo o por pensar que algun dia lo utilizare , ahora tendre en cuenta la posibilidad de crear favoritos.
    Tambien el susodicho podia haberme enviado un correo , (que ademas le agradeceria ), ya que mas abajo pone mi correo que ademas esta con mi nombre autentico ( cosa rara en internet , en ello se ve MI MALDAD ).
    En cualquier caso , le agradezco el "toque" y a ti te pido disculpas por este fallo .

    REPITO el blog ya esta OCULTO ...como deberia haber estado en un principio.
    Nota : sirva la presente para agradecerte la amabilidad que tienes en ayudar a los demas.
    Saludos
    Victorino Redondo

    ResponderEliminar
  22. Muchisimas gracias, ahora vere si lo pongo en mi blog, que tengas unas felices vacaciones que te la mereces por todo el buen trabajo que haces aqui, otra vez MUCHAS GRACIAS!!

    ResponderEliminar
  23. Buen día allí en donde esté. Tengo un blog dedicado a los blogs creativos y de información interesante... he publicado sobre el suyo como blog destacado http://cannelle-et-pomme.blogspot.com/2010/08/blog-destacado-ciudad-blogger.html. Por ahora no he hecho ninguno de los trucos que nos sugiere pero estaré próxima a hacerlo jejejeje. Un gran saludo!

    ResponderEliminar
  24. jeje felices vacaciones men te lo mereces, espero nos cuentes tus experiencias cuando vuelvas XD saludos!

    ResponderEliminar
  25. Grande Potro!!!! Felices vacaciones, que la pases muy bien capo!!!

    Un gran saludo!

    ResponderEliminar
  26. Excelente post! .. una pregunta ... puedo hacer esto con las paginas estaticas?, es decir que en vez de enlazar a las entradas .. vaya a las paginas estaticas...

    ResponderEliminar
  27. Muy buen post exelenticimo gracias

    quisiera hacerte una peticion nose por donde escribirte a ver si puedes hacer un post sobre eso trate de embiarte un mail por el boton de enviar un correo pero me dice que no esta disponible.
    Me puedes decir una forma para contactarte.

    Gracias

    ResponderEliminar
  28. Esta consulta no tiene nada que ver con este post..

    Hola te queria pedir un gran favor Como veo que sabes mucho de este tema y yo soy un poco novato y no encuentra la manera de usar en mi blog este gadgest que esta genial
    La pagina que tiene el gadgest es esta http://www.picsengine.com/en/ y la verdad estoy loco por usarlo y se que te puede gustar porque es
    una cosa que es muy util para varias cosas, en su pagina pone instrucciones para ponerla pero en foros y paginas asi, pero como veo
    que llevas los codigos de los blogs super facil entonces me podrias ayudar a ver como consigo poner este gadget en mi blog tengo 5 dias intentandolo
    y no he podido asi que pense que la unica solucion es pedir ayuda a los que saben, para que veas que bien se ve mira este foro http://www.innovachip.com/foros/index.php?page=buscajuegos y dime si no esta
    super bien ese gadget si consigues como hacerlo me podrias ayudar con eso: es que lo quiero comprar, espero que me puedas orientar un poco desde ya muchas gracias..

    ResponderEliminar
  29. Oye, estoy en pezando en esto de los blog, podrias decirme como puedo poner una imagen de fondo en una entrada d blog.

    http://kaaiman-blood-red-skies.blogspot.com/

    ResponderEliminar
  30. Hola Miguel Naya Santalla,

    Prueba entonces poner esto dentro del código:
    .post-header {
    display:none;
    visibility:hidden;
    }

    Sobre ese espacio al parecer es de la navbar de Blogger, no debería quedar espacio pero desconozco cómo se esté comportando ese gadget con las plantillas nuevas de Blogger :\

    Gracias por tu comentario, saludos!

    ResponderEliminar
  31. VRedondoF, no hay tal delincuencia Victorino, sólo se ha tratado de una confusión como lo sospeché, pero vamos, no pasa nada ;)

    Ceci, muchas gracias, ya me he estado desestresando :)

    Cannelle et Pomme, te agradezco enormemente el tiempo y es espacio que has dedicado para este sitio en tu blog :)

    yonathan, por supuesto, ya subiré algunas fotos en Facebook ;)

    Pozo+10™, muchas gracias!

    taum!, claro, sólo es cuestión de que la imagen en lugar de que abra la ventana modal abra en su lugar la página estática que deseas.

    Ludwig Taveras, por el momento las consultas por correo están deshabilitadas por la falta de tiempo que tengo, pero en un par de semanas más lo habilitaré de nuevo.

    ResponderEliminar
  32. Howard Yoseph, esa galería funciona con PHP y MySQL así que no sirve para Blogger

    ĸձձﻨოձռ, mira esta entrada.

    ResponderEliminar
  33. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  34. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  35. hola potro estan muy buenas estas entradas resumidas estilo magazine , me encanta tu blog se me ha hecho de mucha utilidad ahora estoy tratando de crear paginas estaticas espero que blogger pronto permita una mayor cantidad de paginas estaticas sigue así :) ha y espero que la estes pasando bien en tu vacaciones bueno eso seria cuidate adios

    ResponderEliminar
  36. ha se me olvidaba he podido hacer funcionar ha mootols con jquery me costo pero ya comprendi los atributos que lo hacian fallar es un poco trabajosos y complejo eso si pero cada vez que los aprendo un poco mas bueno nos vemos bye

    ResponderEliminar
  37. El Potro Muchas Gracias por tu asistencia nose muy bn como pedirte esot pero quisiera saber si hay alguna forma de agregar una presentacion de noticias como esta que tiene esta web al inicio que presenta las 3 noticias mas valuadas

    http://notebookitalia.it/

    Muchas Gracias por tu servicio

    ResponderEliminar
  38. Solucionado el problema con los títulos de las entradas. Gracias Potro!!

    Estoy seguro que averiguarás el porqué del espacio correspondiente al navbar de blogger!

    ¡¡Un saludo!!

    ResponderEliminar
  39. Potro una ayudita. Como achico estos espacios??? mira: http://www.uploadimage.com.ar/images/98035233712280199531.png El de arriba de Anterior » y el de abajo de todo.

    ResponderEliminar
  40. hola proto mira una ultima pregunta para no arrunarte mas las vacaciones: cual es tu facebook XD, saludos!

    ResponderEliminar
  41. Espectacular Bro!! ni siquiera parece un blog :P , parece una página hecha en flsh!!

    Un abrazo!!!

    ResponderEliminar
  42. ALGUNA MANERA PARA QUE ESTAS ESTRADAS APARESCAN ORDENADAS DE FORMA ALEATORIA?
    pd: felices vacaciones,

    ResponderEliminar
  43. no se porque pero las imagenes me quedan osea no me caben justo en el cuadrado no kedan justas se ve una parte o se ve mas chica o demasiado grando las imagenes no se ajustan la tamaño del cuadrado por que sera esparo respuesta saludos

    ResponderEliminar
  44. Hola, Potro!

    Escucha tu sabes si se puede hacer algun tipo demodificacion para que en seguidores puedan apuntarse personas que tenga cuenta de hotmail???

    Es que hay gente que quiere apuntarse a mi blog, pero como tienen cuenta de hotmail, no pueden hacerlo.

    Espero tu respuesta par acuando puedas.

    Felices y provechosas vacaciones.

    Bego.

    ResponderEliminar
  45. Buenas,

    Soy webmaster de www.dosjuegos.com , pagerank 5 y alexa 50.000, te quería proponer hacer intercambios, me encantaria tenerte entre mis enlaces, en mis webs amigas y me enlazas a http://www.dosjuegos.com con el texto "Juegos" o "Juegos gratis"

    Si estas de acuerdo, me pones el enlace hacia http://www.dosjuegos.com con el titulo que te pedi y me avisas, en menos de 24 horas lo tendré insertado.

    Un saludo.
    Catherine
    munekitacat@gmail.com

    ResponderEliminar
  46. Hola, gran blog, tengo un problema en el mio, he puesto lo de leer mas automatico y cuando entro en el post aparece el articulo duplicado, que code puede haber fallado y cual puede ser el fallo?? El blog es: http://nbaddiction.blogspot.com

    Muchas gracias y espero la respuesta

    ResponderEliminar
  47. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  48. ¡Hola! Me ha gustado mucho este estilo y lo he aplicado a un blog de fotos que tengo (http://instantneasinstantes.blogspot.com/); sin embargo tengo un problema. Después de hacer el cambio, en la pestaña Diseño no puedo acceder a los Gadgets que había añadido en la parte lateral derecha para moverlos, aunque sí puedo modificarlos si entro en cada uno de ellos. ¿Cómo se puede solucionar este problema?

    Gracias y un saludo

    ResponderEliminar
  49. se que no tiene una cosa que ver con la otra. pero tengo un problema existencial quiero cambiar la fuente a mi blog x una propia pero no puedo... como puedo hacer eso?

    ResponderEliminar
  50. Hola el Potro :D, me sirvio de gran ayuda ya que no conseguia una plantilla para peliculas y la adapte un poquito y quedo asi:

    http://www.peliculasonlinehoy.com.ar/

    Pero una consulta necesito que al clickear en la imagen ingrese a la entrada para asi poder quitar los titulos. Por que sino se me corre la imagen hacia abajo y queda mejor esteticamente sin los titulos. Sabes que codigo debo poner ? Gracias muy bueno sos un capo :D xD

    ResponderEliminar
  51. hola potro aqui denuevo molestandote para pedirte un favor quisiera agradar mi plantilla y tambien mis columnas porfavor si me pasas algun tutorial. Gracias

    posdata: mi plantilla es igual ala tuya :P

    ResponderEliminar
  52. hola potro gracias por este aporte quedo muy bien mi blog solo que modifique algunas cosas aqui el dato http://infinitwall.blogspot.com/

    ResponderEliminar
  53. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  54. Potro una consulta, mira mi página www.porvelez.com.ar tengo un problema en los comentarios, del formato de Blogger, que no se ven y yo intente esto: http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html pero no me tengo el fragmento que me pide al comienzo, no lo encuentro...
    Sabes que puede ser lo que me impida que todo esto ande?
    Saludos!

    ResponderEliminar
  55. Goku El Super Sayayin, muchas gracias por tu comentario. Qué bueno que ya echaste a andar ambas librerías, yo igual necesitaré un tiempo para aprender a hacer que trabajen juntas.

    Ludwig Taveras, exactamente como ese no, pero hay muchas galerías para mostrar contenido destacado, por ejemplo este.

    Miguel Naya Santalla, no sé qué método hayas usado para la navbar, échale una mirada a esta entrada, ahí hay una opción especial para las plantillas nuevas de Blogger, quizá con este tengas suerte.

    Pozo+10™, no sé si estoy en lo correcto pero creo que ya lo has solucionado ;)

    yonathan, en donde dice "elige cómo estar cerca de la ciudad" está el enlace :)

    bro, ¿verdad que sí? a mí igual me ha gustado mucho.

    nEjO, desconozco si haya un método, pero apenas termine de responder todos los comentarios veré si aplicando algún script logro conseguirlo.

    ResponderEliminar
  56. Bego, la única opción que encuentro es que los lectores creen una cuenta de Google usando su correo de Hotmail para no tener que abrir una dirección de Gmail.

    MuñEkiTa CaT, te lo agradezco pero por el momento no participo en intercambios de enlaces.

    Rudymania, parece que ya lo has solucionado :)

    ██▀▄▌ЯІпоѕаѓ۞▐▀▄▀▌, no sé cuál sea, pero esta es la web del diseñador de la plantilla, ahí podrás preguntar: http://www.bcreate.net/

    ResponderEliminar
  57. Hola el potro una consulta. Como quito el espacio que me quedo en el footer en mi blog al hacer esto de magazine.
    Te dejo el link puedes apreciar que queda un espacio vacio en el footer

    http://www.peliculasonlinehoy.com.ar/

    Gracias

    ResponderEliminar
  58. Potro no me pudiste responder... una consulta, mira mi página www.porvelez.com.ar tengo un problema en los comentarios, del formato de Blogger, que no se ven y yo intente esto: http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html pero no me tengo el fragmento que me pide al comienzo, no lo encuentro...
    Sabes que puede ser lo que me impida que todo esto ande?
    Saludos!

    ResponderEliminar
  59. Curiosamente utilicé ese método (lo acabo de comprobar), pero no me funciona...

    ResponderEliminar
  60. Asi quedo mi blog despues de hacerle el cambio de entradas:

    http://www.trucocheat.com.ar/


    Muchas Gracias

    ResponderEliminar
  61. Hola Melibea,

    Al código de las condicionales agrega antes de esta parte:
    </style>
    </b:if>
    </b:if>

    Esto:

    body#layout #sidebar-wrapper {display:block !important; visibility:visible !important}
    body#layout #main-wrapper {width:600px !important;}

    Con eso podrás ver en el área de diseño la sidebar así como todos los gadgets para que puedas modificarlos.

    Saludos.

    ResponderEliminar
  62. rock-anthem, mira esta entrada de Oloblogger que habla sobre Cufón, una forma de poder usar tus propias fuentes en tu blog.

    Series Online, el único modo que se me ocurre es que después de publicar la entrada edites la entrada y que en la foto pongas el enlace hacia la entrada. Sobre el espacio del footer no lo veo, no sé si ya lo habrás arreglado.

    NN, mira esta entrada.

    Infinit Corporation, qué bueno que te ha gustado.

    Coloush +16 , no había terminado de responder a todos ;) ¿Ya verificaste que tengas habilitada la opción de permitir comentarios?

    ResponderEliminar
  63. si, esta todo habilitado, y estube fijandome en la Edicion HTML pero no encuentro donde halla un error...

    ResponderEliminar
  64. Ummmmmm buen Post, pero quiero que me ayudes como colocar los "comentarios box de facebook" en cada post que haga en mi blog, y que quede justo ariba del cuadro para comentar si me puedes ayudar

    ResponderEliminar
  65. Ola Potro veo que has regresado de tu vacaciones espero que te haya ido bien oye si quieres un dia de esto te explico como hice que funcionen motools con jquery pero si quieres descubrirlo te dejo esta pagina

    http://sumolari.com/como-evitar-conflictos-entre-mootools-y-jquery/

    hay explican el atributo que lo hace que no funcionen
    bye nos vemos :)

    ResponderEliminar
  66. Hola Coloush +16,

    Expande los artilugios y busca este código:
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    Eliminalo y en su lugar pon este otro:
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>

    Prueba con eso y de igual forma revisa que el primer código que te he dado no esté más de una vez.

    ResponderEliminar
  67. Criss, nunca lo he probado pero mira esta entrada de Vagabundia que explica cómo hacerlo:
    http://vagabundia.blogspot.com/2010/05/agregar-el-comment-box-de-facebook.html

    Goku El Super Sayayin, me temía que se trataba de ese hack, mismo que también se supone funciona para Scriptaculous. La verdad hace tiempo trata de hacerlo como dos veces y no tuve suerte, es por eso que siempre que me preguntan sobre el tema les digo que no sé. Veré si me armo de valor y pruebo de nuevo a ver si ahora corro con más suerte ;)

    ResponderEliminar
  68. Potro, al primer codigo que me diste no lo pude encontrar, sigo buscando aver si encuentro algun fragmento parecido...

    ResponderEliminar
  69. Finalmente no encontre el primer codigo... y probe poniendo ese frangmento que me diste en un lugar y no pude, tal vez tengo que buscar otro fragmento...
    Saludos!

    ResponderEliminar
  70. Desconozco si haya otro código que se tenga que buscar, quizá Rosa pueda orientarte mejor en esa misma entrada que has referido.

    Saludos.

    ResponderEliminar
  71. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  72. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  73. Hola Potro, ¿como fueron esas vacaciones?

    A ver, por rizar el rizo (ya sé que algún me vas a matar), ¿se puede modificar la plantilla para que las imágenes en miniatura no se vean distorsionadas?

    Te dejo el link de mi blog, por si quieres echarle un ojo al espacio de la navbar, que no sé como quitarlo.

    Gracias una vez más!!

    P.D. Quiero comprar un dominio, ¿alguna recomendación para hacerlo y los pasos a seguir?

    ResponderEliminar
  74. Me olvidé del link...

    miguelnayasantalla.blogspot.com

    ResponderEliminar
  75. Bien, revisando un poco el diseño de esa plantilla me doy cuenta que no es la navbar sino que así es el diseño de la plantilla.
    Busca esta parte:
    .content-outer {

    Y debajo de ahí agrega esto:
    margin-top:-30px;

    Con eso subirá la plantilla y se eliminará el espacio.
    Con respecto a las miniaturas el tamaño aplica para todas, en todo caso lo que puedes hacer es darle un tamaño rectangular y no cuadrado pero ese mismo tamaño será el mismo para todas las miniaturas.

    En este enlace hay información sobre todo lo que tienes que saber antes de comprar un dominio.

    Las vacaciones estuvieron más cansadas que cuando estoy en casa, jaja, pero me la pasé bien, gracias por preguntar.

    Saludos.

    ResponderEliminar
  76. vep que ya regresastes de las vacaciones y como estuvieron? ajja yo tambien tuve mis vacaciones unos cuantos dias pero por lo menos para despejar la mente espero sigamos viendo nuevo tutoriales aunque no necesito modiicar mi blgo aun XD saludos y es buen tenerte de regreso!

    PD: ya te agrege en facebook! :D

    ResponderEliminar
  77. buenas potro aqui nuevamente molestandore me an comentado por hay que para que tu blog tenga trafico en la red que vaya a configuracion - feed del sitio - Publicar URL redireccionada del feed y coloque alguno de estos dos : http://tublog.blogspot.com/feeds/posts/default --- http://tublog.blogspot.com/atom.xml no se cual colocar aver si tu me ayudas gracias

    posdata: potro tu tienes mucho trafico en la red porq no compartes tus tips y tus metatags con todos y nos ayudas con los sitemaps de herramientas de google - bing - yahoo.... aver si te pones de nuestro lugar y nos ayudas

    ResponderEliminar
  78. Que haría yo sin ti... jajajaja Una vez más, GRACIAS GENIO!

    Pues después de esas agotadoras vacaciones, ya sabes, la vuelta a la calma (y normalidad).

    Un saludo!

    ResponderEliminar
  79. Hola Potro, las vacaciones cortas ¡verdad!. Me gustaria saber que puedo hacer para colacar el acceso a la versión movil y al mapa del sitio tal como tu lo tienes, ya que lo he intentado pero no me sale a la misma altura.

    Por cierto te deje un comentario en la entrada (enlaces de imagenes)para que me des una solución.

    Gracias como siempre y un abrazo.

    http://elmundobasedow.blogspot.com/

    ResponderEliminar
  80. yonathan, todo bien muchas gracias :)

    NN, ignoro porqué te habrán dicho que hagas esos pasos pues en sí esa área que mencionas es sólo para cuando tus feeds los administra otro servicio como Feedburner. Respecto a lo demás, los metatags que uso están explicados en el post acerca de metatags, no hay nada que yo haga en especial, absolutamente todo lo que hago lo comparto con ustedes, ahí no hay secretos ;)

    Miguel Naya Santalla, después de estas vacaciones necesito otras más, jaja.

    Blincacequias, en las plantillas nuevas puedes ponerlo después de <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    ¿Me recuerdas el link del post que mencionas? No sé si ya te habré respondido o se me fue ese correo :\

    ResponderEliminar
  81. Potro, he colocado el código tal y como me has dicho pero me aparece fuera de la plantilla, en la parte superior derecha. Me gustaria que fuera en el margen derecho a la altura de la fecha, tal y como tú lo tienes.
    El enlace es el siguiente:
    http://www.blogger.com/profile/11482075677389655506

    ResponderEliminar
  82. Perdona me he equivocado al colocar el enlace:

    http://ciudadblogger.com/2009/06/eliminar-enlace-de-la-imagen.html#comment-734094386281097892

    ResponderEliminar
  83. Disculpa pero parece que ese correo lo perdí y es por eso que no había visto tu comentario. Ya te he respondido ahí.
    Que esos links queden igual que en mi plantilla no creo que sea posible pues son plantillas distintas y la diferencia más grande está en que usas una plantilla nueva de Blogger de las cuales sé muy poco :(
    Quizá puedas encerrar los códigos de esos links entre un contenedor y ahí aplicar márgenes para alinearlo. Sería más o menos así:

    <div style="margin-top:30px;">
    ...Aquí los códigos de los enlaces...
    </div>

    ResponderEliminar
  84. Gracias Potro. No ha quedado alineado pero me gusta. Un saludo

    ResponderEliminar
  85. Potro, una pregunta sabes si existe un gadget de sorteo, osea necesito hacer un sorteo que el premio sera una entrada a un partido de futbol...
    Saludos!

    ResponderEliminar
  86. Un gadget no, pero yo cuando he hecho concursos uso Random.org

    ResponderEliminar
  87. Ok gracias, si se me da de usarlo lo usare
    Saludos!

    ResponderEliminar
  88. Potro, estoy vaciando el post-footer de mi web, asi se carga mas rapida la web y tal vez que puedo arreglar lo de los comentarios...
    Una consulta como achico estos espacios:
    http://img831.imageshack.us/img831/6000/espaciosquesobran.png
    Saludos

    ResponderEliminar
  89. http://img831.imageshack.us/f/espaciosquesobran.png/
    esa es la imagen perdon

    ResponderEliminar
  90. Busca esta parte:

    .post-footer {
    display: block;
    margin: 15px 0px 25px 0px;

    Ese 25 es el margen de abajo del post-footer, reducelo a 5px y con eso se reducirá el espacio.

    ResponderEliminar
  91. oe potro un saludo antes q nada xd, bueno mi pregun es un favor mas que nada ,si podrias ayudarme con el diseño de mis imagenes al poner las entradas como la de este sitio web:http://www.pelistotal.com/search?q=naruto+shippuden
    cada imagen es una entrada asi quisiera que quedara mis entradas con el mismo diseño,si pudieras ayudarme te lo agradeceria mucho...
    saludos potro.

    ResponderEliminar
  92. hola, esto de la pagina principal solo se le puede añadir a blogger con un dominio?? a por cierto cual es el visor de imagenes ya que ligbox no me reajustas las fotos en vertical. gracias

    ResponderEliminar
  93. ▒╚►•●ҳ̸Ҳ̸ҳα∂мιηιѕтяα∂σяҳ̸Ҳ̸ҳ●•◄╝▒, ese es un diseño propio de ese bloggero, podrías preguntarle a él por su diseño para saber si desea compartírtelo.

    Antonio José, no es necesario ningún dominio propio para tener las entradas de esta manera. En el caso de tu blog veo que las imágenes en vertical no tienen el atributo de lightbox y si no lo tienen no puedo ver el problema de que no se reajustan. De cualquier modo también puedes probar Shadowbox, en esta misma entrada está en enlace para que lo veas.

    ResponderEliminar
  94. ok muchas gracias le dejo puesto el atributo a la primera en vertical por si lo vieses, cuando pones una vertical y la abres despues cuando abres las demas no se ajustan.
    No era por el diseño exactamente era por la pagina principal para entrar en el blog normal o las esntradas si existiera.
    muchas gracias de antemano.

    ResponderEliminar
  95. Definitivamente se trata de algún estilo de la plantilla que pudiste haber cambiado antes, pues lo acabo de probar en esa plantilla con dos de las imágenes que tienes (una vertical, otra horizontal) y ambas se abren y ajustan sin ningún problema.
    Desconozco qué estilo de la plantilla pueda ser el que provoca este desajuste, pero como te dije antes, no estaría de más que probaras con Shadowbox.

    Saludos.

    ResponderEliminar
  96. Buenas!!

    Ya pensabas que te habías librado de mí... jejeje

    Me acabo de dar cuenta (yo pensaba que ya había acabado con la página) que en la parte de abajo aparece la barra de desplazamiento horizontal en el navegador, y eso no estaba previsto... Es decir, me he pasado de ancho, pero, si lo reduzco con el diseñador, se reduce todo...

    ¿Algún consejo? Me gustaría mantener el ancho de todo tal y como está ahora, pero sin la barra.

    Te dejo el link por si quieres echarle un ojo al código:

    www.miguelnayaphotography.com

    ResponderEliminar
  97. Jajaja, más bien pensé que ya te encontrabas inaugurando tu blog.
    Sólo agrega antes de ]]></b:skin> esto:

    html {
    overflow-x:hidden;
    }

    ResponderEliminar
  98. Realmente ya lo inauguré, hoy, y un amigo (que es informático) me lo comentó. Yo lo pasé por alto totalmente. Gracias por solucionarme un vez más el problema.

    ¡¡Un saludo!!

    ResponderEliminar
  99. Hoolaa, veras en todos lso blgos de ayuda dice como poner una plantilla en estilo magazine, pero a mi me gustaria saber como quitarle ese estilo, es que mi plantilla ya venia con el read more incorporado y solo me muestra una pequeña parte de la entrada y a mi me gustaria mostrarla entera...un saludo! :)

    ResponderEliminar
  100. Pues eso depende mucho del método que haya usado el diseñador de la plantilla, lo mejor es que lo contactes y le preguntes cómo hacerla "normal" o bien, elegir otra plantilla.

    ResponderEliminar
  101. Hola Amigo.....primero gracias por tu ayuda en otro post.....te agradeceria que me indicaras porque este efecto no funciona en IE y solo en Firefox
    Saludos desde Ecuador

    ResponderEliminar
  102. Pues yo lo he probado en todos los navegadores y en todos ha resultado sin problemas.

    ResponderEliminar
  103. Hola no entiendo que es un archivo css ?y un archivo js ?
    AYUDA URGENTE :)

    ResponderEliminar
  104. Esos archivos de encuentran dentro del archivo comprimido que hay que descargar. El archivo .css es el que contiene los estilos tales como márgenes, bordes, posición, etc. Y el archivo .js es el script que hace funcionar las ventanas modales.
    Ambos son necesarios si es que deseas que tengan ese efecto de abrir la imagen y que se oscurezca la pantalla.

    ResponderEliminar
  105. Quisiera saber cuál es la plantilla que utilizaste, me gustaría tener aquella.

    ResponderEliminar
  106. Usé la plantilla Mínima y apliqué los ajustes que indico en esta entrada.
    En estos días termino una plantilla parecida para que puedan descargarla.

    ResponderEliminar
  107. Gracias, ya logré el efecto que buscaba. Quisiera saber cómo podría poner bajo la galeria una descripción del blog o datos de contacto... bajo el link que dice "Página principal"

    ResponderEliminar
  108. Pues podrías poner un gadget en el footer y ahí colocar los datos que quieres.
    También puedes arrastrarlo para que quede debajo de las entradas.

    ResponderEliminar
  109. hola muchas gracias ya lo estoy probando y esta muy bueno, pero queria preguntarte si cada entrada puede contener diferentes imagenes y al dar click en la primera abra la ventana modal y asi poder moverse entre esas imagenes de esa sola entrada...
    un saludo y gracias por todo :D

    ResponderEliminar
  110. Hola Potro!

    Empecé a utilizar esta modalidad, pero cuando llega el newsletter a mis suscriptores vía Feedburner, no están apareciendo las imágenes. Esto sucede con esta modalidad o será que tengo algo raro en mi plantilla?

    Gracias por tu tiempo.

    ResponderEliminar
  111. Ah, otra pregunta. Es posible determinar el número de entradas a mostrar en las páginas de las etiquetas? Me aparecen todas y me gustaría mucho que fuera la misma cantidad de la página de entrada.

    Gracias!

    ResponderEliminar
  112. Emprenderyganar, claro, como dice en la entrada, sólo hay que agregar esto rel="shadowbox[galeria1]" a cada foto que quieras que aparezca dentro del grupo de la galería.

    Maar, pues no debería haber problema con el feed, a menos que lo tengas configurado para mostrar sólo el título de la entrada.
    Anteriormente el mismo número de entradas en la portada es el que aparecía en las etiquetas pero al parecer Blogger ha hecho cambios en ello :\

    ResponderEliminar
  113. Es vdd algo estaba haciendo mal, pero ya esta!! Gracias Potro!!

    ResponderEliminar
  114. aaaaa ya quedo eso pero las imagenes no estan quedando completamente dentro, y las ultimas entradas quedan sin acomodar pq sera?
    http://zapatango.blogspot.com/
    aprecio tu ayuda potro eres un crack

    ResponderEliminar
  115. En el primer código debe ir esta parte que al parecer no has incluido:
    .post img {
    height: 175px; /* Alto de la foto en miniatura */
    width: 175px; /* Ancho de la foto en miniatura */
    float: left !important;
    border: 0;
    padding:0;
    margin:0;
    }

    Esa hace que las imágenes de las entradas estén alineadas a la izquierda, de lo contrario las imágenes no "caben" tal como se ve ahora en esas entradas.
    Prueba primero con eso y quizá con eso se arreglen también esas entrads desacomodadas.

    ResponderEliminar
  116. hola otra vez aaam espero no volverme una molestia ya esta quedando mejor.. pero no se pq no me acepta mas de 7 entradas por mas q le modifique la cantidad maxima en formato =(
    zapatango.blogspot.com

    ResponderEliminar
  117. Desde marzo de este año Blogger implementó la autopaginación, esto es que, Blogger decide cuántas entradas se muestran en la portada de manera automática con la intención de hacer que las páginas no sean tan lentas para cargar, sin importar cuántas entradas hayas configurado.

    Supongo que en tu caso debe ser que las imágenes de esas entradas son de un tamaño grande y eso hace que se haga un poco lenta la carga del blog.

    ResponderEliminar
  118. Saludos Potro, tengo un problema, acomode la plantilla para utilizar tu estilo, pero no se ve bien, algunas entradas se ven mas largas que otras, echale por favor un vistazo, quisiera saber como corrigo ese error

    este es el blog : http://losmagnificoz.com

    Quisiera saber como esconder las etiquetas y el boton de compartir en facebook para que solo se vea el titulo y la imagen

    Gracias espero tu respuesta estar pendiente :)

    ResponderEliminar
  119. Este sistema es más que nada para conseguir una plantilla de galería de imágenes. En tu caso parece que sólo tienes incluido el Leer más automatizado.
    Para que las etiquetas sólo aparezcan en las entradas individuales localiza el código de las etiquetas y encierra el código entre:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    y
    </b:if>

    Lo mismo para el botón de Facebook, localiza su código y enciérralo de igual modo.
    Saludos.

    ResponderEliminar
  120. estimado, me la verdad que sorprendido por el script, pero todavía no logro armar una galería, te dejo el enlace para que veas http://quinceaneras-2012.blogspot.com/ mmm no entiendo donde pegar el rel="shadowbox[galeria1]"

    ResponderEliminar
  121. Así sería el código para agrupar las imágenes en una galería:

    <a rel="shadowbox[galeria1]" title="Título de la imagen" href="URL de la imagen" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="URL de la imagen" width="400" /></a>

    ResponderEliminar
  122. que grande!!! sos un genio gracias por tu pronta respuesta

    Saludos :)

    ResponderEliminar
  123. hola.
    me gusta mucho este diseño de entrada, lo instale en mi blog pero tengo 2 problemas.
    1. algunas imagenes no quedan dentro del contenedor (queda un espacio en blanco arriba)
    2. las entradas sin imagenes como hago para que tengan una imagen de remplazo (osea para que no sea vea el texto.
    Bueno saludosy gracias

    ResponderEliminar
  124. otra pregunta como puedo hacer para que al hacer clic en la foto entre al post de dicha foto ...

    ResponderEliminar
  125. Con este script no es posible agregar una imagen de remplazo ni hacer que se entre al post haciendo click en la imagen.
    Por lo del espacio que dices necesitaría ver el blog donde lo has puesto.

    ResponderEliminar
  126. bueno descubri que el espacio se debia a que el titulo de la entrada era muy largo... pero ya cambie mi plnatilla a una que habia editado antes.. gracias por responder

    ResponderEliminar
  127. no me funciona copio i pego delante de head el codigo ese le doy a guardar pero me sale todo igual que siempre

    ResponderEliminar
  128. No me mencionas en cuál blog lo estás probando, pero te comento que este método es para plantillas que no son tan modificadas y que conservan los nombres originales de los contenedores.

    ResponderEliminar
  129. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  130. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  131. Efectivamente es por eso. Por desgracia no conozco los nombres de los contenedores de esas plantillas por lo que me es imposible decirte cómo hacerlo funcionar.

    ResponderEliminar
  132. Buenas potro!!

    Gracias x este script, hasta el momento es el único que no me afecta la galería principal de mi blog, pero lo malo es que me aparece un recuadro bajo la galería principal, que no sé x aparece, ojala me puedas ayudar, y si sabes de otroscript para ventana modal indícamelo please xq algunos me afectan la galería principal, de antemano grax

    ResponderEliminar
  133. Hola chelo,

    No veo que tengas entradas en la portada para poder mirar el recuadro que mencionas, sólo he visto el slider que tienes puesto.

    ResponderEliminar
  134. Si es que lo saqué, pero cuando lo tenía puesto, mostraba un cuadro sin relleno de color, era sólo borde gris...

    Será por el borde que le da a las imágenes?

    ResponderEliminar
  135. Sin verlo puesto no puedo decirte la causa.

    ResponderEliminar
  136. Hola Potro hace tiempo q me doy unas vueltas por tu sitio y realmente es estupendo,estoy probando este método en un nuevo blog, en el que estoy usando las plantillas nuevas de blogger, lo he aplicado (sin el Shadowbox)y en Firefox se ve bien, pero al abrirlo en IE los bloques no se ven alienados, estan unos mas arriba q otros. Sabes porque se produce esto?, habra alguna solucion? el blog es http://zonadegif.blogspot.com/
    Desde ya gracias y saludos

    ResponderEliminar
  137. Hola Kirei,

    Es porque la parte que dice float: left !important; la has modificado y debe estar exactamente tal como está.
    Saludos!

    ResponderEliminar
  138. Gracias por tu rapida respuesta Potro, cambiare esa parte a ver si se resuelve, saludos

    ResponderEliminar
  139. Hola Potro, eres genial!

    Tengo una duda, quisiera saber la forma en que en la pagina principal las entradas tengan apariencia magazine y en la individual no, osea normal. No quiero que muestre borde solo que sea así y con ...

    Si es que se puede Potro, Gracias por Todo!

    ResponderEliminar
  140. HOla Potro quesiera hacerte un pedido para que me ayudes a hacer esto o no ayudarme sino decirme como hacerlo XD
    la preguta es como puedo poner una anuncio al lado izquierdo de mi blog asi como si fuera en un sidebar pero solo para poner un anuncio de esos bajantes de adsense.

    este es mi blog

    http://www.trucocheat.info/

    Y por cierto Muchas gracias por este post me a mejorado mucho la visitas de usuarios a mi web.

    ResponderEliminar
  141. Rey Jesús, no te he entendido pues de hecho el estilo magazine que se explica aquí es sólo en la portada y ya en la entrada individual se muestra normal. Saludos!

    Ludwig Taveras, pues sólo tienes que pegar el código de Adsense dentro de un gadget de tu sidebar y ya podrás tener el anuncio ahí, no sé si es eso a lo que te refieres. Saludos!

    ResponderEliminar
  142. Mira, te explico:

    Tu pones las entradas con borde, con el leer más, no se muestra la fecha y ni las etiquetas, y aparte se ve dsitinto al aspecto del blog.

    Yo solo queria saber, solo para poner los (...) con un limite de caracteres, y claro con la portada nada más y en la indvidual normal.
    Que no afecte a su apariencia.

    De antemano gracias Potro.

    ResponderEliminar
  143. Escusame por malentenderme lo que quise decir fue mi plantilla tiene un sidebar del lado derecho pero en el lado izquierdo queda un espaci vacio no hay sidebar lo que quisiera saber es como puedo entrar una anuncio de adsense o una imagen 160*600 en ese lugar,nose como hacerlo porque nose en que lugar de la plantilla de blogger se encuentra ese espacio para pegarlo.

    Mira el blog http://www.trucocheat.info/

    ResponderEliminar
  144. Rey Jesús, quizá necesites usar el estilo magazine uno.

    Ludwig Taveras, pues del lado izquierdo no veo ningún espacio vacío, aunque tal vez lo que necesites sea agregar una sidebar del lado izquierdo y así poder poner ahí un anuncio:
    gemablog-.blogspot.com/2007/04/aadir-sidebar.html

    ResponderEliminar
  145. Esto es excelente y de mucha ayuda! felicidades.

    ResponderEliminar
  146. Gracias, me alegro que te haya gustado :)

    ResponderEliminar
  147. Hola :) ¿Cómo estas?

    Me las arreglé para incluir este efecto en mi blog sin quitar las otras columnas, me gusta el resultado. Quería consultarte si es posible quitar el espacio en blanco al final de mi blog (en firefox, porque en IE no se ve)

    Y si sería posible reducir el tamaño de la fuente de los títulos.

    Y por último no se si entre tanto modificar el codigo para este efecto, tenga que ver con que la columna derecha es la última en cargar.

    Cabe aclarar que antes de mandarte este mensaje hice muchos intentos jeje.

    Si tienes tiempo mi blog estará con ese estilo un rato, pues en general me gusta esa presentación.

    Gracias...
    Besos!

    ResponderEliminar
  148. Mi perfil está habilitado pero te dejo la dirección
    www.administracion-total.blogspot.com

    :)

    ResponderEliminar
  149. Hola Viri,

    Esta algo extraño ese espacio que solo se ve en Firefox ¿Recuerdas que cambio hiciste antes de que apareciera?

    Para reducir el titulo de las entradas busca esta parte en tu plantilla:

    .post h3 {background: url(http://3.bp.blogspot.com/_wHr6Euicprs/TNb9n1jg2fI/AAAAAAAAAko/BfUeOJhvv2Y/s1600/webtreats-grungy-teal1.jpg) repeat-x bottom;
    border: 2px solid #19B1C1;
    margin:.25em 0 0;
    padding:0 0 4px 50px;
    font-size:140%;

    Eso que esta en negrita es el tamaño de la fuente de los titulos, con un valor mas bajo se reducira el tamaño.

    Los blogs y sitios Web carga de izquierda a derecha, y si tienes muchos elementos antes de llegar a la derecha entonces es normal que tarde un poco en cargar la columna derecha pues es lo ultimo que carga.
    La unica solucion es aligerar la carga del blog eliminando gadgets que creas que no son necesarios.

    Saludos!!!

    ResponderEliminar
  150. potro no se si me puedas dar una ayudadita con esto.lo que yo estoy tratando de hacer es que aparescan varias entradas en mi blog con una parte del contenido .y al costado este la palabrita siga leyendo. y al dar clic en siga leyendo me aparesca todo el contenido
    no se si me puedas ayudar.
    MuchaS gracias.

    ResponderEliminar
  151. ¿Exactamente qué no te ha funcionado?

    ResponderEliminar
  152. Hola Potro! esto es justamente lo que estaba buscando!! peeerrrrooo (yo también tengo peros jejeje) quería saber si se puede tener este tipo de galerías pero para insertar en algún post específicamente y no en tooodo el blog en sí. Me explico un tanto mejor. Tengo un blog de cine y cuando reseño alguna película que me ha gustado mucho o cuando destaco la fotografía de algún film quiero poner un slide del tipo que muestras acá en el artículo, uno que se abra como este pero sólo en algunos post no en todo el blog. Hay algún código que pueda usar?. Desde ya muchas gracias y si ya lo preguntaron avisame es que llegando al comentario nº 20 me dije ufff mejor pregunto ajajaja pero si ya lo hicieron pues qué más me los leo todos. Gracias Y un placer siempre visitarte!!

    ResponderEliminar
  153. Hola Pabela,

    De forma automática no, hay dos opciones que puedes usar, si lo que quieres es sólo una galería de imágenes puedes utilizar Shadowbox, pero si lo que quieres es que la imagen enlace a una entrada o algún sitio entonces tendrías que poner en tu post el código de la imagen con el enlace a la entrada, de esta forma:

    <a href="URL del enlace"><img src="URL de la imagen" /></a>

    Sólo tendrías que cambiar la URL del enlace y la URL de la imagen y repetir ese código por cada imagen que quieras agregar.

    ¡Saludos!

    ResponderEliminar
  154. hola potro, faliz ano (nunca es tarde) pues siempre he revisado tu blog y se te agradece el trabajo, pues quise aplicar lo q aqui muestras, resulto pero con algunas cosas que no estan en su lugar me imagino o es la plantilla q tengo la q no me permite verlo bien, pues resulta que aparece la imagen y encima el titulo pero exageradamente grande, y lo que quiero es q debajo de la imagen aparezca algo como un mnsaje o algo q hable de la imagen, de que manera me podrias ayudar lo quiero para publicar fotos de mi región, o me dieras alguna facilidad de conseguir la plantilla del ejemplo que esta pero de 10, porq opción para comentar las imagenes seria otra cosa :) saludos estoy en espera de tu respuesta y desde ya muchas gracias!

    ResponderEliminar
  155. Hola wicho,

    Mostrar una descripción de la foto no creo que sea posible, en todo caso te convendría más usar el estilo magazine UNO.

    La plantilla de muestra no está para descarga pero es la Mínima black de Blogger con los ajustes que he mencionado aquí.

    ¡Saludos y feliz año igualmente!

    ResponderEliminar
  156. Potro, yo sé que echas en falta mis preguntas... así que no sabía donde ponerte esta y mirando mirando aquí te la dejo, he hecho unos pequeños cambios y me gustaría que las etiquetas me saliensen pues por ejemplo tal artista... (Nº de Cd's) y no uno por cada post, como está ahora, eso se modifica etiqueta por etiqueta o como es la cuestión??? anda que mi ausencia te tenía intrigado jajajajajaja, quiero dejar los post más cortos a partir de ahora, pasate a ver que te parece ;-) un abrazo grande!!

    ResponderEliminar
  157. Sin duda ya me estaba preocupando por no leerte, jajaja.
    No me ha quedado muy clara la pregunta, ¿te refieres a cómo ponerle más de una etiqueta a las entradas sin tener que editarlas una por una?

    ResponderEliminar
  158. Hola de nuevo, me refería que quedase una cosa parecida a esto: http://lh4.ggpht.com/_eBrNttkfwH8/TS1vOrLQBhI/AAAAAAAABM4/FxkN9pEWYms/s576/archivonumerado.jpg
    y como está ahora abarca mucho espacio y quiero reducir un poco la página principal, y cuando tengas 2 minutos pasate por la página jjijijiji, aunque no está terminado pero hay algo ya hecho...espero que esté todo bien para tí, espero tu respuesta... un abrazo estimado Potro

    ResponderEliminar
  159. Ahhhh muchas gracias por la felicitación en tu blog, de verdad que me ha encantado, es un excelente detalle, muchas gracias :D

    La imagen que me muestras es sólo esto, la persona de ese blog ha puesto el gadget de etiquetas y ha dejado que se muestren en número de posts que tiene cada etiqueta.
    Por ejemplo, en la etiqueta 'Bolero' hay 3 entradas.

    Eso mismo se puede hacer sólo editando el gadget de etiquetas, al darle click en editar verás que hay una casilla que dice 'Mostrar cantidad de entradas por etiqueta', sólo hay que marcar esa casilla para que aparezcan el número de entradas que contiene cada etiqueta.

    ¡Abrazos!

    ResponderEliminar
  160. No hay de qué Potro, gracias a tí por tu trato y por todo lo que nos has enseñado... me alegro que te haya gustado, he probado y no funciona es por la forma que he editado las etiquetas, para que saliesen así he de ponerla por artista, y así ocuparía menos espacio y quedaría como la de la captura, porque en estilo nube no termina de convencerme... como pudistes observar hemos hecho unos pequeños cambios para digamos "hacer el blog un poco más definido para buscar las cosas" pero sin perder la esencia, espero que te haya gustado... aunque no está totalmente acabado, que las críticas se aceptan si son constructivas ehhh!!! ahora desde que vayan en plan tomadura de pelo, van directamente al ciber vertedero jejeje... un abrazo estimado Potro

    ResponderEliminar
  161. Pues una opción para ganar espacio con las etiquetas es dividirlas en dos columnas:
    http://chicablogger.com/blogger-como-dividir-el-widget-de-etiquetas-en-dos-columnas/

    ¡Enhorabuena por los cambios!

    ResponderEliminar
  162. gracias por responder potro, he cambiado de plantilla se ve más decente y aplicado todo lo de tu trabajo en esta entrada, felicitaciones por ello.
    Ahora bien me dirias por favor que debo modificar para q el titulo aparezca abajo y no arriba de la imagen, gracias!

    ResponderEliminar
  163. No creo que eso sea posible wicho :(

    ResponderEliminar
  164. en e4ste caso de esta plantila q se supone q trae ya algunos cambios http://btemplates.com/2009/blogger-template-photoplus/demo/
    como le hariamos o que codigo se usa para que las imagenes igual las abra como el tuyo maestro.
    Espero quieras ayudarme o que me halla dado a entender m{as que todo, lo que siemplemente quiero pero es muy difil para mi ya q no le atino a esto y me meto :( es que aparezca como lo q tienes en tu plantillas dep rueba y descripcion a la imagen, saludos-- insistente jjj espero comprendas

    ResponderEliminar
  165. Ese es otro método distinto. Ahí en la página de descarga de esa plantilla verás que dice 'Template Settings', ahí podrás ver las instrucciones para que las fotos se vean así.

    ResponderEliminar
  166. gracias por responder, jejeje yo sigo insistiendo y buscando tus trabajos me encontre con algo q es muy interesante. Me pregunto si al conseguir la plantilla funcione para blogger, y si ya trae las funciones q tiene o en algun lado de tu pagina se pueda encontrar y con q nombre, te agradezco desde ya tu respuesta, me refiero a la plantilla y la función de darle clic sobre lasimagenes de http://www.fondos240.co.cc/

    ResponderEliminar
  167. hola potro. he intentado poner este estilo pero no logro que se vean las imagenes en miniatura (las de la entradas). Sale el cuadro sin la imagen. Cual podra ser el problema? gracias de antemano.

    ResponderEliminar
  168. Q tal Potro. Necesito tu ayuda y opinion. 1ro checa mi blog.

    http://quierestenisaquiestan.blogspot.com/

    Ahora esta es mi peticion. Quiero q mis entradas sean tipo magazine pero q solo ocupen la parte central pues quiero conservar mis gadgets porfavor.
    Sino puedo poner las presentaciones d las diapositivas entonces pondre las imagenes, no hay problema ya q las puedo introducir despues, osea cuando entre a la "entrada"; es posible verdad?!?!.
    Pero si conservare mis gadgets en los sidebars cuando implemente esta plantilla?
    Gracias por tu atencion. Saludos.

    ResponderEliminar
  169. No hay problema, sólo elimina en el último que agregas esta parte:

    #sidebar-wrapper { /* Con esto ocultamos la sidebar de la portada */
    display: none;
    visibility: hidden;
    }
    #main-wrapper {
    width: 830px; /* Ancho del blog en la portada */
    }

    Con eso podrás tener este tipo de entradas pero conservando las sidebar de los gadgets,
    Saludos.

    ResponderEliminar
  170. Oie probe la plantilla con este blog:
    http://tnismasterpruebame.blogspot.com/
    pero no quedaron alineadas como veras.
    Como puedo solucionarlo?

    ResponderEliminar
  171. Muy seguramente es porque no hay ninguna imagen en la entrada. Al menos cuando se agrega una imagen hasta arriba de toda la entradas se ha solucionado con quienes han tenido ese problema.

    ResponderEliminar
  172. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  173. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  174. Mira Potro. Ya cambie todo por imagenes y aun asi no se alinea. Cual sera el problema?

    http://tnismasterpruebame.blogspot.com/

    Ah el ultimo paso, osea el mas simple, no entiendo como hacerlo.
    Saludos.

    ResponderEliminar
  175. Es un problema de estilos con tu plantilla.
    En el primer código que has agregado antes de </head> pega antes de </style> lo siguiente:

    .post-outer, .inline-ad {
    padding-top: 0px !important;
    }
    .post-outer {
    padding-bottom: 10px !important;
    }

    Con eso deberán alinearse los miniposts.
    Lo otro no sé cómo explicártelo má sencillo, sería cuestión de que lo leas con detenimiento y practiques, verás que no es complicado.

    Saludos.

    ResponderEliminar
  176. Ya quedo Potro. Solo q con 10px no se alineaba asi q lo modifique por 0px y listo, bueno solo hubo unos milimetros de error pero ya esta bien.

    Puedes verlo aqui:
    http://dl.dropbox.com/u/19345292/Alinear%20Minipost.jpg

    Ahora solo el ultimo paso, espero no dart mas molestias.
    Gracias

    ResponderEliminar
  177. El último paso para agregar Shadowbox es muy sencillo, lee de nuevo esa parte para que sigas las indicaciones y hagas la prueba, verás que no es difícil.
    Igual aquí hay más información sobre cómo usar Shadowbox.
    Si te atoras en uno de los pasos me dices exactamente en qué parte no puedes avanzar y por qué.

    Y no te preocupes que no es molestia ;)
    Saludos.

    ResponderEliminar
  178. Ya logre hacerlo, la verdad si esta muy sencillo jaja, solo m confundi un poco. PERO...no quedo ya q no me da las opciones de "anterior" y "siguiente" cuando le doy abro las imagenes.

    Ah y agregue mas entradas pero paso algo malo, aparece un cuadro negro obstruyendo mis entradas.

    Ya he revisado todo el codigo y esta como has dicho.

    Por favor.
    http://tnismasterpruebame.blogspot.com/

    ResponderEliminar
  179. He notado q entre mas entradas agregue mayor es el tamaño del rectangulo negro. Espero puedas ayudarme.
    Saludos.

    ResponderEliminar
  180. Ya logre "medio" solucionar el problema de "anterior y "siguiente para las imagenes en el shadowbox. En lugar de poner solo rel="shadowbox" mejor utilice rel="shadowbox[galeria1]".
    Crees q esa sea la solucion optima?

    Y disculpa tanta pregunta. ;D

    ResponderEliminar
  181. Sí, sí, de hecho con eso harás que todas las imagenes que tengan eso se agruparán en una galería por lo que aparecerán las flechas de anterior y siguiente.

    Para que desaparezca ese cuadro negro busca y elimina desde esto:

    .date-outer {

    hasta el próximo } que encuentres

    ResponderEliminar
  182. Eres un master eh Potro. Ha quedado de luxo!!!
    Gracias por todo y espero no dart mas problemas con esto jejeje.
    Saludos.

    ResponderEliminar
  183. Alguna manera de hacer pequeño el titulo de la entrada, no de la imagen, gracias

    ResponderEliminar
  184. Debajo de esta parte que has agregado:
    .post h3 a, .post h3 a:visited, .post h3 strong {
    color: #BDBDBD; /* Color del título de las fotos */

    Coloca esto:
    font-size: 10px;

    ResponderEliminar
  185. holaa!
    esta moito bonito :D
    me pregunto si, en un blog que no es de fotografia, que se pueda colocar este estilo y que en la ventana popup aparesca la foto + la entrada completa (el teto + links)
    necesito modificar el codigo para hacer esto?
    porque en verdad quedaria bien el efecto =)

    ResponderEliminar
  186. Hola Nehuy,

    Sí puedes agregarlo a un blog aunque no sea de fotografía pero para que se conserve el efecto siempre debe haber una foto arriba de la entrada.
    Respecto a lo que mencionas del texto no es posible, Shadowbox no tiene la opción de incluir en la ventana modal otros elementos combinados. Es una lástima porque como bien mencionas, quedaría bien el efecto :(

    ResponderEliminar
  187. gracias x la respuesta, sabes si existe alguna forma (o un efecto parecido) de que se pueda ver el texto en la entrada, debajo de la imagen en e popup?

    ResponderEliminar
  188. Debe de haber alguno pero dudo mucho que se pueda aplicar a Blogger, usualmente esos efectos son diseñados para sitios Web, pero si me enterara de algo con gusto lo publico ;)

    ResponderEliminar
  189. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  190. Tu plantilla tiene una propiedad para crear sombras en los títulos, es por eso que se ven de esa manera.
    Para quitarlo busca esta parte y elimina lo que está en negrita:

    h1,h2,h3,h4,h5,h6{color:#333;letter-spacing:-1px;text-shadow:1px 1px 1px #E2EEF1;line-height:1.3em;

    La imagen de fondo no siempre queda bien a la primera así que posiblemente tengas que modificar algunos márgenes, pero lo básico es cambiar esta parte:

    background: #424242; /* Color de fondo del título */

    Por esta:
    background: url(http://img208.imageshack.us/img208/9554/allstarmenuarriba.gif) top no-repeat;

    Para los comentarios no sé qué cambios hayas hecho, mira la plantilla original y comparala con tus códigos para que experimentes y sepas dónde puede estar el error.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger