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.
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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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: "#000",
overlayOpacity: "0.6",
});
</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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BZxQhkJI3AJwE4BWpB-nYEaAX4fAq7df367kPkw_lChpvZCSz-pjzPzMWqLe6reN4KHLNd0TiFma5mhgr8qiydB3EAa-VP_esrplmLM1YFESTl56oSvj8nqsDmpgt-j2kHG1xJPq7yav/s1600/11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BZxQhkJI3AJwE4BWpB-nYEaAX4fAq7df367kPkw_lChpvZCSz-pjzPzMWqLe6reN4KHLNd0TiFma5mhgr8qiydB3EAa-VP_esrplmLM1YFESTl56oSvj8nqsDmpgt-j2kHG1xJPq7yav/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.
Ciudad Blogger
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.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Arkeología Videos,
ResponderEliminarIgual no la necesites ahora pero nunca está de más testear en uno de pruebas para cuando lo necesites ;)
Saludos.
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
ResponderEliminarESQUE DE VERDAD ME HA ENCANTADO JEJEJE
ResponderEliminarPor supuesto que se puede Ceci, aquí se explica cómo ponerlo el el blog.
ResponderEliminarPotro, definitivamente ¡¡eres el mejor!!
ResponderEliminarHas 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!!
Muchas gracias por el Tutorial, ya habia visto varias plantillas tipo magazine, pero no funcionaban con las ventanas PopUp, pero este si funcionas.
ResponderEliminarMuy bien hecho.
Saludos.
wooooo
ResponderEliminarExcelente
mil gracias potro ;)
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ó :)
ResponderEliminarDankey, 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 :)
Me alegra que haya conseguido proponerte un reto, pero me alegra más que lo hayas conseguido!! Ya te digo, eres un máquina!!
ResponderEliminarPero... (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?
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?
ResponderEliminarAcabo 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?
ResponderEliminarPor cierto, GRACIAS POTRO!!
ResponderEliminarI love it :3
ResponderEliminarEs 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.
Hola Miguel Naya Santalla,
ResponderEliminarEse 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.
-º_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 :)
ResponderEliminarDrawer 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
Excelente aporte. Lo probaré.
ResponderEliminarEl 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!
Este comentario ha sido eliminado por el autor.
ResponderEliminarHola Roster,
ResponderEliminarPues 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.
Hola APM Las Palmas,
ResponderEliminarPues 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.
Potro, me vas a permitir que por una vez en la vida, te corrija... TÚ NO ARREGLAS, TÚ CREAS!!
ResponderEliminarEres 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!!
Buenso dias :
ResponderEliminarSoy 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
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!!
ResponderEliminarBuen 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!
ResponderEliminarjeje felices vacaciones men te lo mereces, espero nos cuentes tus experiencias cuando vuelvas XD saludos!
ResponderEliminarExcelente 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...
ResponderEliminarMuy buen post exelenticimo gracias
ResponderEliminarquisiera 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
Esta consulta no tiene nada que ver con este post..
ResponderEliminarHola 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..
Oye, estoy en pezando en esto de los blog, podrias decirme como puedo poner una imagen de fondo en una entrada d blog.
ResponderEliminarhttp://kaaiman-blood-red-skies.blogspot.com/
Hola Miguel Naya Santalla,
ResponderEliminarPrueba 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!
VRedondoF, no hay tal delincuencia Victorino, sólo se ha tratado de una confusión como lo sospeché, pero vamos, no pasa nada ;)
ResponderEliminarCeci, 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.
Howard Yoseph, esa galería funciona con PHP y MySQL así que no sirve para Blogger
ResponderEliminarĸձձﻨოձռ, mira esta entrada.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarhola 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
ResponderEliminarha 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
ResponderEliminarEl 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
ResponderEliminarhttp://notebookitalia.it/
Muchas Gracias por tu servicio
Solucionado el problema con los títulos de las entradas. Gracias Potro!!
ResponderEliminarEstoy seguro que averiguarás el porqué del espacio correspondiente al navbar de blogger!
¡¡Un saludo!!
hola proto mira una ultima pregunta para no arrunarte mas las vacaciones: cual es tu facebook XD, saludos!
ResponderEliminarEspectacular Bro!! ni siquiera parece un blog :P , parece una página hecha en flsh!!
ResponderEliminarUn abrazo!!!
ALGUNA MANERA PARA QUE ESTAS ESTRADAS APARESCAN ORDENADAS DE FORMA ALEATORIA?
ResponderEliminarpd: felices vacaciones,
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
ResponderEliminarHola, Potro!
ResponderEliminarEscucha 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.
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
ResponderEliminarMuchas gracias y espero la respuesta
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminar¡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?
ResponderEliminarGracias y un saludo
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?
ResponderEliminarHola el Potro :D, me sirvio de gran ayuda ya que no conseguia una plantilla para peliculas y la adapte un poquito y quedo asi:
ResponderEliminarhttp://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
hola potro aqui denuevo molestandote para pedirte un favor quisiera agradar mi plantilla y tambien mis columnas porfavor si me pasas algun tutorial. Gracias
ResponderEliminarposdata: mi plantilla es igual ala tuya :P
hola potro gracias por este aporte quedo muy bien mi blog solo que modifique algunas cosas aqui el dato http://infinitwall.blogspot.com/
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarPotro 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...
ResponderEliminarSabes que puede ser lo que me impida que todo esto ande?
Saludos!
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.
ResponderEliminarLudwig 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.
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.
ResponderEliminarMuñ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/
Hola el potro una consulta. Como quito el espacio que me quedo en el footer en mi blog al hacer esto de magazine.
ResponderEliminarTe dejo el link puedes apreciar que queda un espacio vacio en el footer
http://www.peliculasonlinehoy.com.ar/
Gracias
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...
ResponderEliminarSabes que puede ser lo que me impida que todo esto ande?
Saludos!
Curiosamente utilicé ese método (lo acabo de comprobar), pero no me funciona...
ResponderEliminarAsi quedo mi blog despues de hacerle el cambio de entradas:
ResponderEliminarhttp://www.trucocheat.com.ar/
Muchas Gracias
Hola Melibea,
ResponderEliminarAl 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.
rock-anthem, mira esta entrada de Oloblogger que habla sobre Cufón, una forma de poder usar tus propias fuentes en tu blog.
ResponderEliminarSeries 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?
si, esta todo habilitado, y estube fijandome en la Edicion HTML pero no encuentro donde halla un error...
ResponderEliminarUmmmmmm 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
ResponderEliminarOla 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
ResponderEliminarhttp://sumolari.com/como-evitar-conflictos-entre-mootools-y-jquery/
hay explican el atributo que lo hace que no funcionen
bye nos vemos :)
otro dia me cuentas como te fue
ResponderEliminarHola Coloush +16,
ResponderEliminarExpande 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.
Criss, nunca lo he probado pero mira esta entrada de Vagabundia que explica cómo hacerlo:
ResponderEliminarhttp://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 ;)
Potro, al primer codigo que me diste no lo pude encontrar, sigo buscando aver si encuentro algun fragmento parecido...
ResponderEliminarFinalmente 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...
ResponderEliminarSaludos!
Desconozco si haya otro código que se tenga que buscar, quizá Rosa pueda orientarte mejor en esa misma entrada que has referido.
ResponderEliminarSaludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro, ¿como fueron esas vacaciones?
ResponderEliminarA 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?
Me olvidé del link...
ResponderEliminarmiguelnayasantalla.blogspot.com
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.
ResponderEliminarBusca 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.
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!
ResponderEliminarPD: ya te agrege en facebook! :D
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
ResponderEliminarposdata: 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
Que haría yo sin ti... jajajaja Una vez más, GRACIAS GENIO!
ResponderEliminarPues después de esas agotadoras vacaciones, ya sabes, la vuelta a la calma (y normalidad).
Un saludo!
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.
ResponderEliminarPor 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/
yonathan, todo bien muchas gracias :)
ResponderEliminarNN, 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 :\
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.
ResponderEliminarEl enlace es el siguiente:
http://www.blogger.com/profile/11482075677389655506
Perdona me he equivocado al colocar el enlace:
ResponderEliminarhttp://ciudadblogger.com/2009/06/eliminar-enlace-de-la-imagen.html#comment-734094386281097892
Disculpa pero parece que ese correo lo perdí y es por eso que no había visto tu comentario. Ya te he respondido ahí.
ResponderEliminarQue 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>
Gracias Potro. No ha quedado alineado pero me gusta. Un saludo
ResponderEliminarPotro, 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...
ResponderEliminarSaludos!
Un gadget no, pero yo cuando he hecho concursos uso Random.org
ResponderEliminarOk gracias, si se me da de usarlo lo usare
ResponderEliminarSaludos!
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...
ResponderEliminarUna consulta como achico estos espacios:
http://img831.imageshack.us/img831/6000/espaciosquesobran.png
Saludos
http://img831.imageshack.us/f/espaciosquesobran.png/
ResponderEliminaresa es la imagen perdon
Busca esta parte:
ResponderEliminar.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.
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▒╚►•●ҳ̸Ҳ̸ҳα∂мιηιѕтяα∂σяҳ̸Ҳ̸ҳ●•◄╝▒, ese es un diseño propio de ese bloggero, podrías preguntarle a él por su diseño para saber si desea compartírtelo.
ResponderEliminarAntonio 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.
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.
ResponderEliminarNo 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.
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.
ResponderEliminarDesconozco 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.
Buenas!!
ResponderEliminarYa 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
Jajaja, más bien pensé que ya te encontrabas inaugurando tu blog.
ResponderEliminarSólo agrega antes de ]]></b:skin> esto:
html {
overflow-x:hidden;
}
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.
ResponderEliminar¡¡Un saludo!!
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! :)
ResponderEliminarPues 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.
ResponderEliminarHola 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
ResponderEliminarSaludos desde Ecuador
Pues yo lo he probado en todos los navegadores y en todos ha resultado sin problemas.
ResponderEliminarHola no entiendo que es un archivo css ?y un archivo js ?
ResponderEliminarAYUDA URGENTE :)
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.
ResponderEliminarAmbos son necesarios si es que deseas que tengan ese efecto de abrir la imagen y que se oscurezca la pantalla.
Quisiera saber cuál es la plantilla que utilizaste, me gustaría tener aquella.
ResponderEliminarUsé la plantilla Mínima y apliqué los ajustes que indico en esta entrada.
ResponderEliminarEn estos días termino una plantilla parecida para que puedan descargarla.
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"
ResponderEliminarPues podrías poner un gadget en el footer y ahí colocar los datos que quieres.
ResponderEliminarTambién puedes arrastrarlo para que quede debajo de las entradas.
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...
ResponderEliminarun saludo y gracias por todo :D
Hola Potro!
ResponderEliminarEmpecé 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.
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.
ResponderEliminarGracias!
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.
ResponderEliminarMaar, 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 :\
Es vdd algo estaba haciendo mal, pero ya esta!! Gracias Potro!!
ResponderEliminaraaaaa ya quedo eso pero las imagenes no estan quedando completamente dentro, y las ultimas entradas quedan sin acomodar pq sera?
ResponderEliminarhttp://zapatango.blogspot.com/
aprecio tu ayuda potro eres un crack
En el primer código debe ir esta parte que al parecer no has incluido:
ResponderEliminar.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.
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 =(
ResponderEliminarzapatango.blogspot.com
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.
ResponderEliminarSupongo 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.
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
ResponderEliminareste 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 :)
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.
ResponderEliminarPara 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 == "item"'>
y
</b:if>
Lo mismo para el botón de Facebook, localiza su código y enciérralo de igual modo.
Saludos.
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]"
ResponderEliminarAsí sería el código para agrupar las imágenes en una galería:
ResponderEliminar<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>
que grande!!! sos un genio gracias por tu pronta respuesta
ResponderEliminarSaludos :)
hola.
ResponderEliminarme 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
otra pregunta como puedo hacer para que al hacer clic en la foto entre al post de dicha foto ...
ResponderEliminarCon este script no es posible agregar una imagen de remplazo ni hacer que se entre al post haciendo click en la imagen.
ResponderEliminarPor lo del espacio que dices necesitaría ver el blog donde lo has puesto.
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
ResponderEliminarno me funciona copio i pego delante de head el codigo ese le doy a guardar pero me sale todo igual que siempre
ResponderEliminarNo 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.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEfectivamente 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.
ResponderEliminarok muxas gracias
ResponderEliminarBuenas potro!!
ResponderEliminarGracias 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
Hola chelo,
ResponderEliminarNo veo que tengas entradas en la portada para poder mirar el recuadro que mencionas, sólo he visto el slider que tienes puesto.
Si es que lo saqué, pero cuando lo tenía puesto, mostraba un cuadro sin relleno de color, era sólo borde gris...
ResponderEliminarSerá por el borde que le da a las imágenes?
Sin verlo puesto no puedo decirte la causa.
ResponderEliminarHola 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/
ResponderEliminarDesde ya gracias y saludos
Hola Kirei,
ResponderEliminarEs porque la parte que dice float: left !important; la has modificado y debe estar exactamente tal como está.
Saludos!
Gracias por tu rapida respuesta Potro, cambiare esa parte a ver si se resuelve, saludos
ResponderEliminarHola Potro, eres genial!
ResponderEliminarTengo 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!
HOla Potro quesiera hacerte un pedido para que me ayudes a hacer esto o no ayudarme sino decirme como hacerlo XD
ResponderEliminarla 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.
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!
ResponderEliminarLudwig 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!
Mira, te explico:
ResponderEliminarTu 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.
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.
ResponderEliminarMira el blog http://www.trucocheat.info/
Rey Jesús, quizá necesites usar el estilo magazine uno.
ResponderEliminarLudwig 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
Exacto gracias por la ayuda
ResponderEliminarEsto es excelente y de mucha ayuda! felicidades.
ResponderEliminarGracias, me alegro que te haya gustado :)
ResponderEliminarHola :) ¿Cómo estas?
ResponderEliminarMe 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!
Mi perfil está habilitado pero te dejo la dirección
ResponderEliminarwww.administracion-total.blogspot.com
:)
Hola Viri,
ResponderEliminarEsta 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!!!
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
ResponderEliminarno se si me puedas ayudar.
MuchaS gracias.
Entonces sólo necesitas aplicar el Leer más.
ResponderEliminar¡Qué complicado... No lo logro!
ResponderEliminar¿Exactamente qué no te ha funcionado?
ResponderEliminarHola 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!!
ResponderEliminarHola Pabela,
ResponderEliminarDe 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!
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!
ResponderEliminarHola wicho,
ResponderEliminarMostrar 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!
Sin duda ya me estaba preocupando por no leerte, jajaja.
ResponderEliminarNo 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?
Ahhhh muchas gracias por la felicitación en tu blog, de verdad que me ha encantado, es un excelente detalle, muchas gracias :D
ResponderEliminarLa 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!
Pues una opción para ganar espacio con las etiquetas es dividirlas en dos columnas:
ResponderEliminarhttp://chicablogger.com/blogger-como-dividir-el-widget-de-etiquetas-en-dos-columnas/
¡Enhorabuena por los cambios!
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.
ResponderEliminarAhora bien me dirias por favor que debo modificar para q el titulo aparezca abajo y no arriba de la imagen, gracias!
No creo que eso sea posible wicho :(
ResponderEliminaren e4ste caso de esta plantila q se supone q trae ya algunos cambios http://btemplates.com/2009/blogger-template-photoplus/demo/
ResponderEliminarcomo 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
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í.
ResponderEliminargracias 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/
ResponderEliminarhola 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¿En cuál blog lo has puesto?
ResponderEliminarQ tal Potro. Necesito tu ayuda y opinion. 1ro checa mi blog.
ResponderEliminarhttp://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.
No hay problema, sólo elimina en el último que agregas esta parte:
ResponderEliminar#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.
Oie probe la plantilla con este blog:
ResponderEliminarhttp://tnismasterpruebame.blogspot.com/
pero no quedaron alineadas como veras.
Como puedo solucionarlo?
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.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarMira Potro. Ya cambie todo por imagenes y aun asi no se alinea. Cual sera el problema?
ResponderEliminarhttp://tnismasterpruebame.blogspot.com/
Ah el ultimo paso, osea el mas simple, no entiendo como hacerlo.
Saludos.
Es un problema de estilos con tu plantilla.
ResponderEliminarEn 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.
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.
ResponderEliminarPuedes verlo aqui:
http://dl.dropbox.com/u/19345292/Alinear%20Minipost.jpg
Ahora solo el ultimo paso, espero no dart mas molestias.
Gracias
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.
ResponderEliminarIgual 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.
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.
ResponderEliminarAh 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/
He notado q entre mas entradas agregue mayor es el tamaño del rectangulo negro. Espero puedas ayudarme.
ResponderEliminarSaludos.
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]".
ResponderEliminarCrees q esa sea la solucion optima?
Y disculpa tanta pregunta. ;D
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.
ResponderEliminarPara que desaparezca ese cuadro negro busca y elimina desde esto:
.date-outer {
hasta el próximo } que encuentres
Eres un master eh Potro. Ha quedado de luxo!!!
ResponderEliminarGracias por todo y espero no dart mas problemas con esto jejeje.
Saludos.
Alguna manera de hacer pequeño el titulo de la entrada, no de la imagen, gracias
ResponderEliminarDebajo de esta parte que has agregado:
ResponderEliminar.post h3 a, .post h3 a:visited, .post h3 strong {
color: #BDBDBD; /* Color del título de las fotos */
Coloca esto:
font-size: 10px;
holaa!
ResponderEliminaresta 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 =)
Hola Nehuy,
ResponderEliminarSí 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 :(
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?
ResponderEliminarDebe 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 ;)
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarTu plantilla tiene una propiedad para crear sombras en los títulos, es por eso que se ven de esa manera.
ResponderEliminarPara 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.
muchas gracias kpo!
ResponderEliminarme ayudaste mas que cualquier profesor en la secundaria xD
nos leemos en otro de tus post :P
(seguramente mas pronto de lo que crees)
Q tal Potro. Otra vez yo jeje.
ResponderEliminarAhora mi pregunta es como poner un borde al rededor de la imagen miniatura.
Ya intente hacerlo en el mismo codigo q nos has dado:
.post img {
height: 110px; /* Alto de la foto en miniatura */
width: 167px; /* Ancho de la foto en miniatura */
float: left !important;
AQUI: -> border:0; <-
padding:0;
margin:0;
}
pero el borde movia la imagen, asi q lo descart.
Espero puedas apoyarme. Saludos.
http://varriormarket.blogspot.com/
Prueba de ese mismo modo que estabas haciendo pero al agregarle un borde reduce el tamaño de la imagen, por ejemplo, si le agregas un borde un 1px entonces la imagen redúcela 2px de ancho y 2px de alto.
ResponderEliminarSi le agregas un borde de 2px entonces redúcela 4px de ancho y 4px de alto.
Hola, una vez más agradecer que comparta con nosotros sus conocimientos y de nuevo plantearle una duda. He colocado la herramienta tal y como usted explica y funciona correctamente. Pero el problema es que muestra las entradas de un modo irregular, es decir aunque la configuración de las publicaciones esta seleccionada para que muestren 9 entradas como podra ver solo muestra una de ellas, alguna sugerencia?? un saludo y reitero mi agradecimiento..
ResponderEliminarhttp://durangoenimagenes.blogspot.com/
Buenas Potro!! antes de nada, gracias por el trabajo tan enorme que realizas :)) acercas muchisimo el mundo de la blog programación.
ResponderEliminarNo soy capaz de lograr el efecto de pasar haciendo click en la foto de la entrada, a una galeria de imagenes. Hablas de nombrar con galeria1 a todas las imagenes que forman la galeria, pero de qué modo? ME refiero a que yo creo una entrada llamada arquitectura (por ej) :
<a rel="shadowbox[galeriaarquitectura" title="ArquitecturaInicial"
href="http://1.bp.blogspot.com/-
como tu comentas y luego en esa misma entrada entiendo que cargamos el resto de imágenes que queremos que formen la galeriaarquitectura....
Como hacemos para que desde la portada, al hacer click en esta imagen "ArquitecturaInicial" se nos presente la galeria de las otras?
No se si me he aclarado, muchas gracias.
http://testnachorri.blogspot.com
Hola Rafa ramone,
ResponderEliminarLo que sucede es que desde hace ya un año Blogger implementó la autopaginación, esto es que sin importar cuántas entradas se configuren para mostrar en la portada será Blogger quien decida cuántas mostrará, esto con el fin de hacer que los blogs no sean tan lentos en cargar, pues al mostrar muchas entradas es más el tiempo que se requiere para cargar el blog por completo.
Las únicas veces en las que Blogger respeta esta configuración es cuando son pocas entradas a mostrar, cuando el blog no tiene tantos gadgets o cuando los gadgets que tiene son ligeros, y cuando el blog no está sobrecargado de imágenes y scripts.
Saludos.
Hola Nacho,
ResponderEliminarPor ejemplo, tienes tres imágenes que quieres agrupar en una galería, el código para esas tres imágenes sería de este modo:
<a rel="shadowbox[galeria1]" title="Título de la imagen" href="URL de la imagen"><img border="0" height="285" src="URL de la imagen" width="400" /></a>
<a rel="shadowbox[galeria1]" title="Título de la imagen" href="URL de la imagen"><img border="0" height="285" src="URL de la imagen" width="400" /></a>
<a rel="shadowbox[galeria1]" title="Título de la imagen" href="URL de la imagen"><img border="0" height="285" src="URL de la imagen" width="400" /></a>
Como ves todas las imágenes que contengan rel="shadowbox[galeria1]" formarán parte de la galería y cuando se abra una las demás podrán verse usando las flechas.
Si hubieras más imágenes y quisieras que las otras imágenes aparezcan en otra galería independiente entonces le cambias el nombre a la galería, por ejemplo rel="shadowbox[otra-galeria]"
Si queda alguna duda me comentas.
Saludos!
buenas potro ^^
ResponderEliminarestoy tratando de colocar ese estilo en la plantilla minima black
http://pruebanumero24.blogspot.com/
y no me sale :S
es mas, me salen las entradas enteras, y si alguna ves super como modificar eso... ya quedo en el pasado >_<
¿Sabes que tendria que hacer?
Oie creo q Blogger ha cambiado su programacion para la entradas porq me genera otro codigo con lo cual no funciona tu plantilla. Por el momento sigo usando el mismo codigo de antes d q sucediera esto pero seria bueno q lo checaras tu mismo y me avisas q paso. Un saludos y grax.
ResponderEliminar