Es cierto que las nuevas plantillas de Vistas Dinámicas de Blogger han gustado a la mayoría por los efectos que tienen para mostrar las entradas y la forma como se navega en ellas. Pero también es cierto que a muchos ha desilusionado el no poder personalizarlas como quisieran.
Por suerte no todo está perdido, pues aunque no podemos agregar gadgets en ella, sí podemos modificar ciertas áreas para que tu blog no sea vea igual al de todos. Así pues veremos cómo ir transformando las partes que se puedan; y empezaremos con esta entrada con la que conseguiremos personalizar la cabecera del blog en las plantillas de Vistas Dinámicas.
La cabecera es basicamente lo que define la imagen de todo blog pues ahí se encuentra nuestro logotipo, así que pasaremos de esto:
A esto: [Ver blog de pruebas]
Lo único que necesitamos es la imagen de nuestra cabecera y nada más. Si aún no tienes una aquí hay 50 cabeceras de dónde escoger.
Si usas la nueva interfaz de Blogger entra en Plantilla | Personalizar | Avanzado.
Si usas la vieja interfaz de Blogger entra en Diseño | Diseñador de plantillas | Avanzado.
Ahora ahí, donde dice Añadir CSS agrega esto:
.header-bar {
background-color:#738a94 !important; /* Color de fondo */
background-image:url(URL de la imagen) !important; /* Imagen de fondo */
background-repeat:no-repeat; /* Si quieres que la imagen se repita cámbialo por repeat */
height:149px !important; /* Altura de la cabecera */
border-bottom:25px solid #3b464b; /* Borde inferior */
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#main {margin-top:115px !important;} /* Distancia entre la cabecera y el contenido */
Cambia la URL de la imagen donde se indica y personaliza lo demás que se indica en color verde.
Algunas propiedades tendrás que descubrirlas por ti mismo pues aquí no hay valores específicos ya que depende de cada caso. Por ejemplo, la altura debe ser aproximadamente 20px menos que la altura de la imagen, pero si la imagen es un pattern pequeño entonces la altura la puedes establecer a la medida que quieras.
Yo le he puesto un borde inferior, pero puedes quitarlo, hacerlo más delgado, o más grueso, eso ya es cuestión de gustos.
Como hemos establecido una altura para la cabecera y le hemos puesto (o no) un borde, entonces es muy probable que las entradas y el pequeño menú se hayan tapado, así que para que eso no suceda hemos establecido un margen en #main, ahí el valor también tendrás que irlo descubriendo, sólo es cuestión de probar varios valores hasta que quede tal como te gusta.
¿Sencillo? Sí, mucho, pero lo mejor de todo es que con este pequeño cambio el blog comenzará a verse con identidad propia. Y después... bueno, ya veremos después qué se nos ocurre para irle dando forma a nuestro blog.
Ciudad Blogger
gracias por algo se comenza seguramente en unos meses ya se podrá modificar mas cosas
ResponderEliminarHola Potro.
ResponderEliminarLas vistas dinámicas me han gustado como concepto, pero las veo un poco impersonales... esperaremos un tiempo a ver si te inventas algo ;)
De todas formas, ¿no se podía hacer algo similar como portada de la página?. Creo haberlo visto por ahí y el efecto era similar, si mal no recuerdo.
Bueno, gracias de nuevo por repartir sabiduría y hasta pronto.
Un saludo.
Genial, pero yo aun no lo uso... prefiero esperar un poco más de tiempo a ver si blogger le incluye más cosillas :D
ResponderEliminarSaludos Potro! :)
nonono. sos lo mas viejo
ResponderEliminarSé mira genial, crearé uno más tarde :D
ResponderEliminarchrisan91, poco a poco iremos viendo qué tanto se les pueda hacer.
ResponderEliminarTapestryworkerman, justo es lo que pretende esta entrada, que al menos con la cabecera el blog deje de verse impersonal. Lo de la portada de la página no me queda claro, más detalles serán agradecidos :)
Eres más bonico que un sol, te lo había dicho ya? jajajjaaj
ResponderEliminarGracias por compartir esto, me viene de lujo.
Panchito, no hay prisa para usarlas, son sólo una opción más que hay que tener en cuenta por si acaso :) Saludos!
ResponderEliminarPor Mas Trabajo ltda., gracias por tu visita!
Usuario, luego nos lo presumes ;)
potro se que lo q voy a preguntar no tiene nada q ver con este post, pero de verdad necesito ayuda de alguien q tenga conocimiento del tema....
ResponderEliminarResulta q en mi Colegio no hay por el momento internet, y entre algunas actividades q estan planeadas se encuentra la de crear un edublog, he hay la pregunta, ¿sabes si es posible crear un blog y manejarlo sin internet?
soy docente, y la verdad me serviria mucho saber si se puede lograr ese cometido....
Gracias Potro, andaba últimamente aburrido con blogger y las cosas que quería las encontraba en wordpress, esta nueva interfaz me ha encantado y como siempre vos a la vanguardia... saludos desde Colombia
ResponderEliminarla verdad no me gustan esas plantillas quizas no son de mi gusto pero como siempre potro muy bueno
ResponderEliminarespero visites mi blog sonacero360.blohspot.com
Potro habría alguna forma de incluirle a las vistas dinámicas el shadowbox, es que quiero hacer un blog de galerias de fotos para los partidos.
ResponderEliminarsi sigues poniendo cositas de esas incluso pueda cambiarme a esas plantillas :P jeje como no, siempre el mejor de todos
ResponderEliminarPotro como puedo acerca la distancia de la cabecera a los enlaces superiores como tu lo tienes?
ResponderEliminarHola Potro.
ResponderEliminarRevisando mis favoritos he encontrado la referencia a la portada que te comentaba:
http://oloblogger-enportada.blogspot.com/
No es lo mismo al cien por cien, pero el efecto es parecido si de lo que se trata es de "anticipar" el contenido del blog minimizando la carga.
Un saludo.
i think this is just the optional.
ResponderEliminarwhat for make template like it!
we can look this featured, just change we URL...
just suggestion...hihihi
Panic, qué gusto que lo encuentres útil :)
ResponderEliminarSemaul, ¿un blog de Blogger sin internet? No, cualquier servicio que provenga del Internet se tiene que acceder a la red para poder usarlo/administrarlo.
Diego Amariles, es cierto que hay muchas cosas para WP, pero casi lo mismo también hay para Blogger sólo que nos cuesta más trabajo, pero, dicen que se aprecia más lo que nos cuesta más trabajo hacer... dicen :)
ResponderEliminarsonacero360, en gustos se rompen géneros.
JTobaruela, por el momento no se puede incluir nada de scripts o modificar la estructura pues no tenemos acceso a la edición de HTML.
ResponderEliminarLo otro se hace modificando el margen del #main tal como se explica en la entrada y que está anotado en color verde. Saludos.
CampamentoWeb, jajaja, eso ya dependerá de ti, pero veremos qué más se les puede hacer ;)
ResponderEliminarTapestryworkerman, pues sí, es algo similar al menos en la plantilla 'Flipcard'. Ahí lo que Oloman ha hecho es usar condicionales para que no se muestren las entradas en la portada y sea visible el gadget del menú.
Tengo que esperar a que vaya por aquí bien, pero quiero poder ponerle esa plantilla, potro. Aún sigue sin aplicarse en mi blog, será cuestión de esperar. Ni siquiera me aparecen las posibilidades de las vistas dinámicas como en tu imagen, en horizontal, sino en vertical.
ResponderEliminarGracias por esto ya de todas formas, así voy adelantando "en mente" aunque sea, :)).
Besos
Bonitos diseños pero aún no veo el caso de usarlas ya que todavía no son tan personalizables en fin a ver que se les puede hacer mas adelante
ResponderEliminarYo lo he modificado pero después no me sale la opción de verlo de manera classic, flipcard, mosaico...he separado bastante el cuerpo del blog de la portada pero me siguen sin aparecer las opciones.
ResponderEliminarBeben Koben, changing the URL adress is an option for those who don't want to loose their template, but there are some people who like this templates for use it as the "official" one :)
ResponderEliminarSofía, ignoro a qué se deba, también he visto en algunas capturas que les aparece ne vertical y no en horizontal como a mí. Habrá que seguir esperando supongo :/
ResponderEliminarHola Potro,saludos..que hace tiempo no te consultaba, No se si es complicado lo que te pregunto,te explico un poco:
ResponderEliminarTengo un enlace en el blog, que mediante una ventana emergente veo las vista dinámicas, obtenidas desde diseño-formato-vistas...Funciona bien.
La cuestión es que he intentado agregarle el código (con dirección de la imagen)y no cambia nada, le das la enlace y sigue igual.
Muchas gracias.
tycon, para que aparezca de nuevo la barra que contiene el menú, agrega también esto:
ResponderEliminar#header .header-drawer {margin-top:140px !important; top:30px !important;}
El primer valor también puede ser modificado.
potro cuales la dimensión de la imagen para crear una yo? GRACIAS ANTEMANO
ResponderEliminarwhere's the template like it :D
ResponderEliminargracias El Potro, ahora sí me aparece :D
ResponderEliminarchrisan91, no hay una medida específica, yo tomé una de las 50 cabeceras que puse en el enlace y la edité. Por el ancho no te preocupes, que nunca ocuparás el 100%, es por eso que se le pone un color de fondo también para que lo que no cubra la imagen lo cubra el color.
ResponderEliminarHola matiasascanio, este método sólo puede servirte si tu plantilla que tienes en el blog es una de las Vistas Dinámicas, sino no. De otra forma es como si yo quisiera editar una plantilla que no uso.
ResponderEliminarEn primer lugar excelente, una vez se ha abierto una puerta las demas iran cayendo poco a poco y la personalizacion cada vez sera mayor.
ResponderEliminarPor otra parte tengo un problema y que a pesar de aplicar la linea #header .header-bar .title h1 {display:none;} me sigue apareciendo el titulo y montandose sobre la imagen que he añadido, puedes verlo aqui http://mrblight.blogspot.com/ ¿a ver si encuentras lo que es, ok?
Como siempre gracias por anticipado
Genial Potro, mañana lo leo con más calma a ver si me conviene..gracias!!
ResponderEliminarsaludos
Gaby
Francisco Lopez,
ResponderEliminarEsa es la descripción del blog, para que no aparezca tampoco cambia esta línea:
#header .header-bar .title h1 {display:none;}
Por esta otra:
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
¡Saludos!
Gaby, que todo salga bien y que tengas un lindo domingo :)
ResponderEliminarSaludos Potro..Gracias por todo el contenido que publicas es muy interesante....felicidades por tanta paciencia al enseñarnos estos tips..
ResponderEliminarya no me aguanté las ganas y como no tenia sueño vine dispuestisima a usar la plantilla Magazine, pero dice aqui''URL de la imagen'', si mi header tengo en una carpeta de mi escritorio, como le hago para ponerla? ya me hice bolas :S
ResponderEliminarYa intenté usar la plantilla asi como está, lo raro es que en la barra, no me sale mi barra actual sino otras cosas diferentes, y el escritorio no se veia por ningun lado, asi que tuve que reponer todo hasta entender mejor como funciona.
ResponderEliminarsaludos y gracias
Gaby
Muy buena info, gracias.
ResponderEliminarPotro como puedo reducir la distancia de los gadgets de la izquierda a las entradas, no me gusta ese hueco que queda de color diferente entre las entradas y los gadgets, me gustaria tenerlo así como tu.
ResponderEliminarUn saludo
Gracias crack, solucionado
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarYa quedó lista la nueva cabecera, gracias Potro neta que nos ayudan un buen jeje salu2
ResponderEliminarMe gusta mucho esta aportación que haces de la nueva cabecera a las plantillas dinámicas, pero de momento voy a esperar, seguro que nos informaréis de nuevas personalizaciones. Un saludo
ResponderEliminarHola pues me gustaria que deje que se muestre Adsense dentro del contenido y tambien los widget, lastima buena opcion pero aun no es personalizable, y en este mundo personal no hay espacio para una pagina asi.
ResponderEliminarPotro me alludarias a hacer una plantilla como este sitio web http://www.eluniversal.com.mx/noticias.html ??? te pagaria
ResponderEliminarMuy bueno que se pueden modificar las plantillas de blogger CSS!
ResponderEliminarGracias Potro! Como siempre pones cosas muy interesantes y nuevas!
Gracias Potro!
Buen día:
ResponderEliminarY paso, por el momento. Mucho maquillaje, pero ningún aporte beneficioso. Solo espero que cuando Blogger lo haga obligatorio no nos quite los beneficios adquiridos....jejejeje
Hola Potro!
ResponderEliminarNo me gusta decir que algo está mal, ni tampoco estoy diciendo que lo esté, pero no me convence esto, y lo tengo que decir.
Lo que pasa Potro, es que estás ocultando la barra donde se agregan los enlaces de las páginas estáticas (header-drawer), y la posibilidad de cambiar de vista y eso es precisamente lo atractivo de las vistas dinámicas, y lo que lo hace ser interactivo, ya que el usuario puede visualizar el contenido como más le agrade".
Creo que las vistas dinámicas así pierden su propósito o su razón de ser.
Amigos? jaja...
Salu2 ;)!!
Hola potro, esta es mi primer vez que visito tu blog, me pareció excelente, te quiero pedir un favor. ¿me puedes decir como haces para hacer contenedores donde guardas todos los códigos HTML, necesito uno?
ResponderEliminar¡¡¡SALUDOS!!! -Espero tu respuesta-
Pueblo Clic 2.0, gracias a ti por tu visita y tu amable comentario!
ResponderEliminarGabriela, clavo y canela, lo ideal para irse acostumbrado, a esta o cualquier plantilla nueva es montar un blog de pruebas y ahí ir descubriendo qué cosas tiene, qué cosas no, y así irnos adaptando a los cambios. Saludos!
ResponderEliminarJTobaruela, para disminuir el espacio que hay entre la sidebar y las entradas agrega antes de ]]></b:skin> esto:
ResponderEliminar.main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left:-20px !important;}
Saludos.
Potro; Gracias por tu tiempo. He probado la vista nueva, y me consulta está dirigida a saber si es posible colocar la barra reproductora de sonido de alguna manera. Nuestro blog emite por allí la radio que tenemos, pero al hacer esta actualización que es más "coqueta" digamos, queda sin esa posibilidad. Gracias nuevamente por to solidaria ayuda.
ResponderEliminarVDesing, qué bueno que todo ha salido bien :)
ResponderEliminarm.p.moreno, espero que sí, la segunda parte es igual sobre la cabecera pero sin usar una imagen. Saludos.
MFullAdventista, se supone que AdSense se muestra en estas plantillas aunque de momento no todos los formatos de anuncios, pero sí los principales.
ResponderEliminarWEB, está bastante compleja una plantilla así para adaptarla a Blogger. Ponte en contacto conmigo por el formulario de contacto para que me digas exactamente qué elementos como esos quieres, en qué forma y así podemos ver qué se hace.
ResponderEliminar.:R.G.F:., al menos en cuanto a CSS las cosas no están perdidas, no lo es todo, pero ya es algo :)
ResponderEliminarMARIA ELENA, no creo que lo haga obligatorio, sólo son otras opciones de plantillas, las otras que sí son personalizables aun siguen ahí y seguro que seguirán por mucho tiempo ;)
Karla, la barra no es problema, de hecho en el comentario #27 se menciona cómo hacer que aparezca de nuevo ;)
ResponderEliminarOlle entonces que, si sabes o no?
ResponderEliminarHacer contenedores???
Potro en la entrada de los botones flotantes de Twitter o Facebook, se poner uno pero me gustaria poner los dos.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola, Potro necesito de su ayuda;lo que pasa es que tengo entes de la cabecera un traductor de la Microsoft, pero se me ha olvidado como fue que lo puse y no encuentro el código en HTML...
ResponderEliminarPues ya que quiero quitarlo porque quita mucho espacio...
Será que es posible que me ayudes?
La dirección de mi blog es: http://tutoxpc.blogspot.com
Ya lo vi Potro, solo que no tomaste en cuenta que eso provocará un problema en IE9, en el hover de las opciones de las vistas dinámicas, además los títulos de las páginas se irán hacia abajo, aunque eso se arreglaría fácilmente declarando un ancho...
ResponderEliminar#header .menu li {
width: 94px;
}
Otra cosa es que la barra no se se irá para adentro al desplazarte hacia abajo en la página.
Creo que el problema está en como se declararon los selectores.
En fin, solo quiero aportar algo.
Salu2!.
Hola Potro!!! ESTOY DE REGRESO A BLOGGER n.n porque hubo problemas con el hosting... Mira quiero que me ayudes lo que pasa es que en mi blog la fecha se muestra asi:
ResponderEliminarhttp://dl.dropbox.com/u/16603935/ASINOQUIERO.PNG
Y asi no quiero... yo qiero que me aparesca como en mi web de wordpress asi:
http://dl.dropbox.com/u/16603935/ASIQUIERO.PNG
Espero que me ayudes, ya que todos los tutoriales que mire solo hablan de como hacer la fecha asi como la tengo pero no asi en texto plano como la segunda imagen, Salu2!! N_N
mi web de wordpress: geekos.com.ar
ResponderEliminarmi web de blogger: zonegeek.com.ar
El Redactor de Turno, me temo que no, a menos que pongas el reproductor en una entrada, pero el lector tendrías que ingresar a la entrada para poder ver el reproductor.
ResponderEliminarBlosk Sánchez, Bienvenido a Ciudad Blogger!
ResponderEliminar¿Te refieres a la forma como pongo los códigos en las entradas?
Sólo convierto el código a texto plano y luego meto el código en un bloque entrecomillado.
JTobaruela, deja la pregunta en esa entrada para no desviarnos del tema de este post ;)
ResponderEliminar.:R.G.F:., el código del traductor lo tienes justo dentro del mismo gadget donde tienes las banderas de traducción de Google, editando ese gadget encontrarás el código del traductor de Microsoft.
ResponderEliminarKarla, gracias por el aporte. Ahora no tengo un equipo con IE9 a la mano pero en cuanto me sea posible reviso esos detalles que mencionas ;)
ResponderEliminarTutoGeek, ahhh, por eso me gusta Blogger, porque sólo me preocupo de escribir y él se preocupa del hospedaje del blog :)
ResponderEliminarNecesito saber cuál es el nombre de la plantilla que usas en Blogger para poder mirar bien el script que usa para la fecha.
De momento puedes eliminar esto de la plantilla:
.blogPost .meta .date{
height: 50px;
left: -90px;
line-height: 1.5;
position: absolute;
text-align: center;
text-shadow: 0 1px 1px #666666;
text-transform: uppercase;
top: -20px;
width: 50px;
font-size:12px;
}
.blogPost .meta .date strong {
font-size:20px;
}
Y esto:
.blogPost .meta .date{
background: url("http://i47.tinypic.com/24vqsch.jpg") no-repeat scroll 0 0 transparent;
color:#fff;
}
Este comentario ha sido eliminado por el autor.
ResponderEliminarEn cambio yo aparte de @tutogeek quisiera poder poner las fechas de los post a una lado de dicha entrada, así como la plantilla de @tutogeek
ResponderEliminarmi blog: www.bookgeek.com.ar
Gracias.
Si ya sé, gracias, pero el problema es que en mis blogs de prueba no aparece esas plantillas, asi que, tendré que esperar más...
ResponderEliminarGracias por tu ayuda
saludos
TutoGeek, cambia esto:
ResponderEliminar<div class='date'>
<script type='text/javascript'>
var timestamp = "<data:post.dateHeader/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<script type='text/javascript'>document.write(date_mmm);</script><br/><strong><script type='text/javascript'>document.write(date_dd);</script></strong></div>
Por esto:
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
BGeek, son varios pasos para hacer eso, busca 'fecha tipo calendario en Blogger' dentro de Google y encontrarás algunos tutoriales que explican cómo se hace.
ResponderEliminartio eres la ostia, yo quiero ser ingeniero de javascript y me parece que tu vas a ser mi modelo a seguir
ResponderEliminarMUCHAS GRACIAS POTRO!, siempre quize hacer eso T.T gracias!!! :')
ResponderEliminarPotro como podria incluir un buscador a la imagen de cabecera?
ResponderEliminarUn abrazo
Gracias por la info
ResponderEliminarGracias Potro! Por usted logre quitar el traductor que llevaba mas de un mes tratando de quitar; ya que lo intentaba buscar por EDICIÓN HTML; pero nunca se me ocurrió mirar los gadgets!
ResponderEliminarComo siempre eres el Mejor!
Ya lo arregle miralo: http://tutoxpc.blogspot.com
Alex Newman & Habik Cuadrado, no, no, si quieres un buen ejemplo a seguir JMiur de Vagabundia es el indicado :)
ResponderEliminarJTobaruela, sólo si divides la cabecera del blog:
ResponderEliminarhttp://ciudadblogger.com/2010/08/dividir-la-cabecera-del-blog.html
.:R.G.F:., qué bueno que quedó todo resuelto :)
ResponderEliminarHola Potro, quitando cosas aquí y allá pasé de esta plantilla: http://btemplates.com/2011/blogger-template-combine/demo/ a esta: http://galijeando.blogspot.com/ ¿Hay alguna forma de que el gadget de páginas quede encima de la barra gris que está debajo del título?
ResponderEliminarPor mucho que busco no encuentro cómo quitar la banda gris que está ENCIMA DEL TÍTULO. Gracias de todas formas.
Hola potro, queria hacerte un par de preguntas que no estan relacionadas con este tema en particular.
ResponderEliminarVeras en mi blog, mi slidershow dejo de funcionar, me imagino que se debe a que deben haber muchos otros usuarios consultando el mismo, cuando descarge la plantilla que uso actualmente venia un archivo .js lo que pretendo hacer es subir el archivo y reemplazar la ruta en mi plantilla.
Entonces me saltan las dificultades, conoces alguna pagina para subir archivos de este tipo?
Muchas gracias.
Andrea, encima no, pero de hecho si te fijas en la plantilla original en la barra gris aparece en gadget de Páginas, así que si en tu caso no aparece ahí convendría que elimines el gadget y reinstales la plantilla de nuevo.
ResponderEliminarOZ, puedes alojarlo en Google Sites, pero si quieres que sea más rápido aun entonces lo mejor es alojarlo directo en la plantilla.
ResponderEliminarGracias Potro, pero por increible que parezca tu nuevo post de jquery resolvio mi problema, resulta que eso era, tenia dos url con jquery elimine una, y actualize la otra a 1.6.4 y funciona perfecto XD
ResponderEliminarMuchas gracias por tu ayuda.
Buenas noches, me estoy animando con la nueva plantilla, la verdad es que este post me ayudado muchissimo. Tengo una duda. He visto que el blog de Blogger Buzz (http://buzz.blogger.com/), el menu de visualización es desplegable y usa el menu horizontal para poner el contacto (about). Me gustaria poder aplicar esto a mi blog, dejo la dirección y espero que alguien me pueda ayudar.
ResponderEliminarhttp://oniricool.blogspot.com
Gracias por adelantado.
Conseguido! con la nueva interficie de edición andava un poco perdido. Pues esta en el menu Pagina, hay que crear una pagina y el menu de visualización se convierte en desplegable. Interesante.
ResponderEliminarOZ, ¿coincidencia? :D
ResponderEliminarjordionir!c, exactamente!
hola Potro. mi primer comentario aquí y, antes que nada, un GRACIAS bien grande. he aprendido mucho en tu blog y me has sido de gran ayuda siempre.
ResponderEliminary aquí va mi duda: sé que ahora mismo no es posible, pero ¿habría alguna forma de conseguir que estas vistas se mostrasen por etiquetas, en vez del blog entero? por ejemplo, la vista "snapshot" me vendría de maravilla en mi página... dale un vistazo a la portada y lo comprenderás rápido:
www.megustanlascamisetas.com
GRACIAS de nuevo
Hola descubri tu blog y es sensacinal Potro!,(t agregue a mi blog);tengo un par de preguntas si se puede...1)los comentarios en mi blog desaprecieron algo hice mal,como los recupero,x q quiero utilizar un tutorial tuyo.2)lo q recuadra mi los post "content wrapper" se le puede dar otro formato? q no sea como es lineal (algun aravesco o dibujo?)y dentro del post tambien.
ResponderEliminarMi plantilla esta retocada con mi esfuerzo y desvanecimiento de masa encefalica mia jaja!!
Gcias dde Argentina
http://kissmar.blogspot.com/
Hola Ricardo,
ResponderEliminarQué bueno que te has animado a comentar, de eso se alimenta todo blog :)
Me temo que no. El problema es que no se puede usar esta plantilla y al mismo tiempo otra personalizada, tiene que ser o una u otra.
Si las Vistas Dinámicas, -no como plantilla sino como opción de vista- se pudieran mostrar también como páginas de etiquetas quizá sí se podría, pero por ahora se tiene que usar como plantilla para poder acceder a ellas también como páginas de etiquetas.
¡Saludos!
Hola KISSMAR,
ResponderEliminar¡Bienvenid@ a Ciudad Blogger!
¿Recuerdas qué fue lo último que hiciste antes de que desaparecieran los comentarios?
¿Ya revisaste si en Configuración > Comentarios, tines habilitado que se muestren los comentarios?
El content-wrapper en tu caso es el main, y ya tiene una imagen de fondo pero se la puedes cambiar por alguna otra:
#main {
width:1186px;
overflow:hidden;
border: 10px solid #111111;
margin:0px;
background: url('http://lh3.ggpht.com/_wVTPiKly_Zc/SjpJnHPgMVI/AAAAAAAAAGs/1R6Gzl_najU/Grey_BG.gif') repeat top left;
}
Saludos.
Hola Potro Master Of The Univers! ja!,gcias x la explicacion yo me exprese mal!..aca te dejo la imagen de lo q quiero cambiar es el borde marcado en rojo (ahi algo decorativo).Con respecto a los comentarios esta todo bien y habilitado,y no recuerdo lo q hice je! meti tanto la mano..
ResponderEliminarhttp://i54.tinypic.com/16kxi53.jpg
Gcias!! mil!!
http://kissmar.blogspot.com/
Todo eso negro es el BODY, ahí mismo verás que tiene como fondo un color negro, cambiándolo cambiarás el color de toda esa área, aunque claro, seguro quedarán unos márgenes negros, eso es porque las otras imágenes tienen (a propósito) ese margen negro incluido en sus imágenes.
ResponderEliminarLo de los comentarios, hay dos opciones, una es que reinstales la plantilla para resolver cualquier problema que hubieses tenido, y otro es que en otro navegador (u otro blog) instales la plantilla original y compares con este blog los códigos del área de comentarios para que mires qué pudiste haber eliminado.
Saludos!
Hola Potro !! buenas tardes soy un poco novata en esto y bueno he creado mi blog y hace un tiempo no he podido crear mas entradas y anteriormente consegui ocultarlas de la pagina principal y en esta misma pagina tengo varios botones que individualmente al hacer click me llevan a la entrada que yo he seleccionado individualmente.Pero ahora he vuelto hacer una entrada y esta todo bien pero ahora me vuelve a salir en la portada y no recuerdo haverle puesto ninguna etiqueta como decias en el pos de ocultar entradas y bueno ahora no se como debo hacer para que no se me vea la entrada en la pagina principal este ultima pues las antiguas estan bien ocultas .Espero puedas ayuadarme y disculpas por las molestias y por si no me he explicado bien tampoco entiendo mucho.
ResponderEliminarMuchas gracias de antemano.
Perdon ya lo encontre era de lo mas sencillo que burra...ja,ja,ja disculpas es que no lo recordaba...ja,ja,ja gracias.
ResponderEliminarJusto te acabo de responder en la otra entrada, qué bueno que ya has encontrado la manera ;)
ResponderEliminargcias x tu tiempo Potro! saludos!!!
ResponderEliminaren estas plantillas no se pueden insertar archivos flash en la cabecera como dices de hacerlo en la otra entrada tuya "cabecera de blog en flash". Por mas que sigo los pasos cuidadosamente, el flash no aparece (solo aparece en algunas de las plantillas de blogger, muy pocas) como se resuelve entonces agregar flash en estas? Estas estan hechas en artisteer, yo lo tengo y me pasa lo mismo es edcir que sube todo bien menos los flash.
ResponderEliminarMe tiene como loca, hace 4 dias que solo trato de resolverlo pero no puedo, ayudame por favor
Gracias
acabo de incluir las vistas dinamicas al blog me parece excelente gracias a ti....mi pregunta es la siguiente quiere colocarle a la cabecera un enlace que me lleve a otra web y tambien colocarle adsense como lo puedo hacer
ResponderEliminarsos un genio. gracias.
ResponderEliminargabybalkey, en estas plantillas de Vistas Dinámicas NO se puede modificar nada de eso. Recuerda que en estas plantillas no podemos acceder a la edición HTML de la plantilla por lo tanto no se puede cambiar su estructura. En Aristeer no sé, nunca las he usado, pero si lo haces en una plantilla personalizada (de las que andan por la red) o una del Diseñador de plantillas de Blogger (Simple, Awesome Inc. Watermark, etc.) con esas no tendrás problema.
ResponderEliminarFaceTV, enlaces no es posible porque no se puede agregar ni modificar la estructura. Sobre AdSense se supone que deben verse los anuncios que tenías, si apenas vas a agregar talvez tengas que hacerlo desde la pestaña Ingresos en la nueva interfaz de Blogger.
ResponderEliminarErlan Garcia R., gracias a ti por tu visiya!
Hay algo que no me cuadra. Al añadir el código que as puesto para la cabecera en el css, en la visualización previa desaparece la barra negra del menú ¿Esto es correcto?
ResponderEliminarEs correcto Carlos, pero en el comentario #27 se explica cómo ponerla de nuevo.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarTengo un problema, al poner la cabecera el menú ya no me aparece.
ResponderEliminarMira el comentario #27, ahí se explica cómo hacer que aparezca de nuevo.
ResponderEliminarGracias, otra cosa... ¿podría editar o cambiar la barra por otra a mi gusto? Querría poner cosas que fueran diferentes secciones en el blog, no sé si me explico.
ResponderEliminarPor otro lado tampoco quiero que aparezca lo de las vistas Classic, Magazine, Flipcard...
Hola, Potro.
ResponderEliminarHe seguido tus pasos pero no me funciona. Yo quería poner en la cabecera una imagen que está en jpg, pero no sale. Sale una banda en azul, pero sin la imagen.
Dejo el texto, por si tienes un momento y consigues detectar algún error.
Gracias anticipadas
.header-bar {
background-color:#738a94 !important;
background-image:url (http://farm7.static.flickr.com/6164/6238910143_34a692d142.jpg) !important;
background-repeat:no-repeat;
height:149px !important;
border-bottom:25px solid #3b464b;
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#main {margin-top:115px !important;}
Adquiriendo Estilo, no se puede poner nada más a la barra, así que si deseas quitarle su único menú entonces no veo caso de hacerla aparecer de nuevo :/
ResponderEliminar11+11, parece que un pequeño espacio es el culpable. Después de url debe ir de inmediato el paréntesis. Lo tienes asi:
ResponderEliminarbackground-image:url (http://farm7.static.flickr.com/6164/6238910143_34a692d142.jpg) !important;
Y debe ser así:
background-image:url(http://farm7.static.flickr.com/6164/6238910143_34a692d142.jpg) !important;
Gracias, Potro. Eres un encanto. Lo he hecho tal como decías y ya está solucionado.
ResponderEliminarDisculpa, pero tengo que hacerte otra pregunta. Resulta que al cambiar la cabecera han desaparecido los dos iconos pequeños que estaban al lado de la barra de búsqueda: el de Blogger y otro más. Solía usar el primero como acceso directo al panel de control. Echo en falta ese icono y sobre todo el lápiz de acceso directo desde cada entrada. ¿Se puede hacer algo al respecto? Gracias anticipadas
Mi estimado Potro, que bien que ya le andes descubriendo a las Vistas Dinamicas, mi pregunta es en base a ello
ResponderEliminarComo quitar los enlaces que estan debajo de la cabecera, vi que tu los quitaste y quisiera hacerlo, además se pueden cambiar por otros enlaces o no.
Espero tu respuesta ADIOS
Mucho gusto Potro, felicitarte por tu blog, la verdad que hay mucho que aprenden para personalizar nuestro blog, te cuento que acabo de publicar me blog http://freelancermicrosoftexcel.blogspot.com .. bueno aquí en tu blog me pasare un buen rato para leer,,, jajaja, ya me di cuenta que están todos los tips para personalizarlo.
ResponderEliminarEspero me visites. Saludos
11+11, en el comentario #27 dice cómo volver a poner la barra que contiene esos íconos.
ResponderEliminarAlexG, no se pueden cambiar por otros, pero si sigues el procedimiento de aquí la barra desaparecerá automáticamente.
Agustingt, puedes quedarte aquí el tiempo que quieras y siéntete en libertad de tomar todo lo que te sirva para tu blog :)
ResponderEliminarSaludos y bienvenido!
Justo lo que estaba buscando , bueno post y muy buen blog ... éxitos saludos
ResponderEliminarGracias xjojoxx, qué bueno que te ha gustado :)
ResponderEliminarSaludos.
gracias exelente tengo una pregunta no sabes como cambiar el favicon de blogger desde ese mismo css o no se puede¡? me encanta las vistas panoramicas solo lastima los gadgets y el favicon ayuda si sabes gracias hermano
ResponderEliminarEn estas plantillas no se puede. Sería necesario que estuviera habilitada la Edición de HTML.
ResponderEliminarPero ya los de Blogger han dicho que habilitarán más personalizaciones en unas semanas así que seguro en una de esas permiten el cambio del favicon.
gracias amigo potro entonces solo se puede modificar esto de la cabecera?
ResponderEliminarte invito a ver mi blog
http://wweimpactzone.blogspot.com/
Ahí mismo en las otras opciones que están cerca de la pestaña "Avanzado" se puede modificar el color de fondo; de cualquier manera ya Blogger ha dicho que en poco tiempo habilitará más opciones para personalizarlas.
ResponderEliminarHola chicos gracias por compartir..!! me salió mi encabezado :D está lindo pero me desapareció mis dos menus de: ESCRIBEME y ACERDA DE MI :( hay forma de que de nuevo estén visibles..!! gracias :) aquí mi blog: www.shelalujan.com
ResponderEliminarClaro que sí Shela, mira el comentario #27
ResponderEliminarHola, potro, ya he cambiado en un de mis blogs a estas vistas (el de fotos) y he armado la de dios en el otro (pero bueno esto es otra cosa sobre lo que también necesito preguntarte, después de hacer buscado bien en tu blog por si te refieres a las dudas que se me plantean).
ResponderEliminarPor ahora y refiriéndonos a lo que planteas en esta entrada, ¿ puedes decirme por favor cuántos píxeles ancho debe tener esa cabecera para que se ajuste?
Uff, en menudo lío me he metido con los cambios, :))
Un besazo, muchas gracias de antemano.
Hola Sofía,
ResponderEliminarQué bueno que después de varios intentos al fin Blogger te haya permitido poder usar estas plantillas.
No hay una altura específica para ellas, en sí nosotros lo que hacemos es alterar un poco el diseño de esas plantillas así que podemos usar el tamaño que queramos. Sin embargo, si quisieras respetar la altura predeterminada que usa Blogger para las cabeceras de estas plantillas entonces sería de 65px, pero te repito, no es necesario usar esa medida.
Otro beso para ti y buen inicio de semana!
Potrooo!!!! siempre tu pagina en favoritos y con los mejores contenidos siempre. MUCHAS GRACIAS!.
ResponderEliminarTengo una pregunta:
En mi blog (www.ocredg.com.ar) quiero que mi cabecera llegue hasta el tope de la pagina, es decir que no tenga ese marguen superior.
Creo que ahi estaba la barra de blogger que ya la eliminé. Porfa man si sabes avisame cual es el codigo que debo poner, o borrar.
abrazo
Y desde ya muchas gracias. SOS GROSO!!!
Gracias OCRE dg,
ResponderEliminarParece que usas una plantilla del Diseñador, si es así entonces aquí está la información que buscas:
http://ciudadblogger.com/2011/02/eliminar-espacio-superior-en-las.html
Un abrazo.
hola, antes que nada un gusto y muchas gracias por la información, esta muy buena y clara.
ResponderEliminarquería hacerte una consulta sobre mi sitio (makemeadancer.com.ar), esta funcionando todo bastante bien pero cuando abro una entrada y hago scroll se me superponen los elementos incrustados (soundcloud, youtube, vimeo) sabes cómo puedo solucionarlo?
se superponen con el header, osea hago scroll y esos elementos pasan por encima del header
ResponderEliminarHola Sebastian,
ResponderEliminarHe ingresado a tu blog, en dos de tus entradas que vi que tienes videos bajé el scroll pero no vi que se encimarán a la cabecera. De cualquier forma puedes aplicar una transparencia a los archivos flash como videos y reproductores para evitar que se sobrepongan a otros elementos:
http://ciudadblogger.com/2011/03/cuando-los-videos-se-sobreponen.html
Saludos y muchas gracias por tu visita!
hola, sou un poco nuevo en esto y me gustaría saber si en estas nuevs plantillas de vistas dinámicas se puede modificar la cabecera y poner una imagen propia, gracias!
ResponderEliminarHola EL HOMBRE CÓNCAVO, justamente eso es lo que trata de explicar esta entrada. Si miras el blog de pruebas verás que la cabecera adquiere una imagen propia.
ResponderEliminarAnte todo gracias por la ayuda. Utilicé una imagen de archivo jpg pero me quedó corta, más o menos a la mitad del espacio (horizontal). Cómo puedo ampliarla? Otra cosa. He visto algunos blogs que tienen el menú de vistas dinámicas en menu desplegable vertical, cómo se hace? Y cómo se puede agregar un menu para la información personal? Saludos.
ResponderEliminarHola Fabio,
ResponderEliminarPara que aparezca el menú mira el comentario #27. Si tienes páginas ahí aparecerán.
La imagen no puedes ampliarla tanto pues la cabecera siempre tendrá el 100% del ancho de la ventana del navegador, por eso se pone también un color de fondo para rellenar el faltante.
Saludos.
Gracias Poro. Otra pregunta: es posible poner un contador de visitas como statcountrer en vistas dinámicas? Si lo es, me podrías explicar cómo se hace. Saludos.
ResponderEliminarNo Fabio, en esas plantillas aún no se pueden poner gadgets o incluir algo en la edición HTML de la plantilla. Saludos.
ResponderEliminarHola El Potro, me han sido de mucha utilidad los comentarios que haces referente a las vistas dinámicas te agradezco ese apoyo incondicional para todos nosotros que navegamos en un mar de dudas, gracias!! Por otro lado, quiero preguntarte: ¿Cómo le puedo hacer para insertar en la opción Anadir CSS y dentro de la cabecera un .Gif animado o un logo animado o de video; hay alguna manera de hacerlo en estas vistas dinámicas? De antemano agradezco tu apoyo.
ResponderEliminarHola Luis Carlos,
ResponderEliminarVideos no, pues la estructura de un video es HTML y sólo puede añadirse CSS. Imagen animada sí puedes agregar, es el mismo procedimiento, en donde dice URL de la imagen añade tu imagen en formato GIF.
Saludos!
El Potro, gracias nuevamente por sacarme de dudas y aprovecho para plantearte una más:
ResponderEliminarUna imagen animada en formato GIF, ¿puede descompilarse para modificarla? ¿Hay alguna protección a la imagen animada que se le pueda añadir en una página o un blog? Esto con el fin de evitar que sea copiada al ser publicada. En caso de haber alguna solución al respecto te agradecería mucho me la compartieras para incluirla en CSS
Saludos!!
Puedes editarla con un programa de diseño que sea apto para ello, hay programas que te permiten modificar capa por capa de la imagen animada.
ResponderEliminarProtección al 100% no existe, la única forma de que algo no sea copiado es que no se suba a la red, pues aunque hay uno que otro método siempre hay el doble de métodos para romper esa seguridad.
Saludos.
hola, logré lo que quería usando esto, revisalo aquí www.hyperkulturemia.net, ahora me falta quitarle el box de search y poner mi nombre en al cabecera, como hago? please
ResponderEliminarHola hyperkulturemia,
ResponderEliminarPara que aparezca el título de tu blog elimina esta parte:
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
Si quieres que no aparezca el buscador entonces agrega esto:
#header input#search {display:none;}
potro se puede cambiar la url a un complemento como imframe es que quiero poner un video como cabecera en las plantillas dinamicas
ResponderEliminarNada de eso puede hacerse todavía, quién sabe si después Blogger permita hacerle ese tipo de modificaciones, pero por ahora, no.
ResponderEliminar¿Cómo se pude centrar la imagen de la cabecera?
ResponderEliminarPotro, tengo una duda... es posible en este editor CSS crear un menú para estas vistas donde ponga un home, servicios, etc...????
ResponderEliminarNo lo he intentado... ¿ya lo hiciste y es posible?
Ángel, debajo de:
ResponderEliminarbackground-repeat:no-repeat;
Agrega:
background-position:center;
Vale, gracias.
ResponderEliminarCristian, no, pero se supone que si tienes páginas estáticas éstas se deben mostrar en la barra de menú que aparece debajo de la cabecera.
ResponderEliminarHay un problema, he puesto el código para alejar el encabezado de las entradas y el que hace que no tape la barra de pestañas. Pero me sigue cortando las páginas (no la principal, sólo las que seleccionas en la barra).
ResponderEliminarEn el blog de tu perfil no veo ningún problema. ¿Con cuál navegador lo estás viendo?
ResponderEliminarSi le das a la pestaña "OTROS BLOGS", el encabezado se come las imágenes.
ResponderEliminarAdemás, y si no es mucho preguntar, me gustaría saber como quitar el encuadre azul que tienen las imágenes. Y también el que se abran las entradas normal, y no encima de la página principal.
ResponderEliminarPrueba poniendo esto para bajar el contenido de las páginas:
ResponderEliminar.viewitem-panel .viewitem-content {
margin-top: 150px;
}
Del encuadre azul no sé a cuál te refieres, yo no he visto nada azul ahí. Y la forma como se abren las entradas no se puede modificar.
Saludos.
Hola Daniel,
ResponderEliminarEn el estilo "Clásico" las entradas se muestran así como lo tienes tú, de hecho puedes corroborarlo si miras este sitio con esa plantilla:
http://ciudadblogger.com/view/classic
La imagen de la cabecera sí la veo ahí, quizá sólo tienes que hacerla más pequeña de alto y ponerle un color de fondo también, pero sí aparece la imagen que has elegido.
Saludos.
Hola otra vez. No tiene mucho que ver, pero me podrías decir por qué aparece
ResponderEliminaren espacio de MENSAJE. http://seigame.blogspot.com/p/contacto.html
Revisa la entrada del formulario, verás que ahí dice que si pones los códigos seguidos no aparecerá ese código ahí.
ResponderEliminarTengo una pregunta en la version anterior del blog tenia un header ,ahora con la version dinamica esta desaparecio ,se que en el tutorial viene para poner la direccion de en linea de la imagen que quieo usar para header,peeroooo y si la imagen que quiero usar la tengo en mi maquina y no en linea?
ResponderEliminarNo hay problema Luis, sólo sube la imagen que tienes en tu ordenador a la red, aquí verás cómo se hace:
ResponderEliminarhttp://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html
Ya siento que sea tan canso, pero tengo una última duda. ¿Como se puede hacer para que el encabezado se quede quieto y no se mueva con la pantalla?
ResponderEliminarPara que la cabecera sea flotante agrega estos estilos:
ResponderEliminar#header-container {
position: fixed;
top: 0;
left: 0;
}
Hola Potro! quiero cambiar la cabecera y poner una imagen como dices en tu post, he hecho todo esto y salvo que no me aparece la foto el resto me gusta. Puedes ayudarme?
ResponderEliminar.header-bar {
background-color:#738a94 !important; /
background-image:url(http://s2.subirimagenes.com/otros/previo/thump_7285058blog.jpg)!important;
background-repeat:no-repeat; /*
height:149px!important; /
border-bottom:25px solid #3b464b; /* Borde inferior */
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#Flipcard.ss, #views ul li:nth-child(2),
#Mosaic.ss, #views ul li:nth-child(4),
#Sidebar.ss, #views ul li:nth-child(5),
#Timeslide.ss, #views ul li:nth-child(7)
{
display: none !important;
}
http://lespetityeuxdemaman.blogspot.com/ Gracias!!!!
.header-bar {
ResponderEliminarbackground-color:#738a94 !important; /
background-image:url(http://farm8.staticflickr.com/7149/6603210655_6140b151e4_m.jpg) !important;
background-repeat:no-repeat; /*
height:149px!important; /
border-bottom:25px solid #3b464b; /* Borde inferior */
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#Flipcard.ss, #views ul li:nth-child(2),
#Mosaic.ss, #views ul li:nth-child(4),
#Sidebar.ss, #views ul li:nth-child(5),
#Timeslide.ss, #views ul li:nth-child(7)
{
display: none !important;
}
Te vuelvo a dejar el código que he puesto porque he cambiado la ubicación. Pero aún así no funciona :((
Gracias!
http://lespetityeuxdemaman.blogspot.com/
Hola Maman,
ResponderEliminarSi eliminas los comentarios en color verde entonces debes eliminarlos por completo, de lo contrario invalidarán el resto de los estilos. Por ejemplo, esta parte:
background-color:#738a94 !important; /* Color de fondo */
Si eliminas el comentario debe eliminarse todo lo que está en negrita, de manera que quede así:
background-color:#738a94 !important;
Y no así:
background-color:#738a94 !important; /*
Ni tampoco así:
background-color:#738a94 !important; /
Saludos.
HOla Potro!! Hice todo lo que comentas aquí, pero por alguna razón no puedo hacer que la imagen no se repita (estoy en chrome)
ResponderEliminar.header-bar {
background-color:transparent; !important;
background-image:url(http://i143.photobucket.com/albums/r152/intergalaktea/cosmocowlogo-2.png) !important;
background-repeat:no-repeat;
background-position:center;
height:200px !important;
border-bottom:5px solid #848484;
}
#header .header-bar .title h1, #header .header-bar .title h3 {display:none;}
#header a:hover {text-decoration:none !important;}
#main {margin-top:120px !important;}
qué puedo estar haciendo mal? :( NEcesito ayuda!!
Te agradezco mucho
el blog es este: http://cosmocow.blogspot.com/
Hola Stephanie Prodanovich,
ResponderEliminarCambia esta parte:
background-repeat:no-repeat;
Por esta:
background-repeat:no-repeat !important;
Con eso deberá dejar de repetirse.
Saludos.
Holaaa!! lo que a mi me gustaría sería poder poner enlaces propios en esa cabecera, como he visto en otros blogs. Como los que vienen de serie en las vistas dinámicas pero con otros nombres y a otros sitios que yo enlace. He visto un blog que lo tiene así y no encuentro por ningún lado como hacer eso. Como podría hacerlo?
ResponderEliminarSi es una plantilla de Vistas Dinámicas no se puede, en ellas no se puede añadir código HTML, al menos hasta ahora no se pueden añadir ese tipo de elementos.
EliminarPues es que he visto este blog en el que si ha podido añadir enlaces http://estelamiguel.blogspot.com/ por eso me resultó raro porque por aquí leí que no se podía... es raro.
ResponderEliminarEsos enlaces son de las páginas estáticas. Si en tu blog tienes publicadas páginas entonces automáticamente se muestra esa barra negra con los enlaces a tus páginas.
EliminarSi has aplicado el truco para personalizar la cabecera quizá esa barra negra haya desaparecido, pero para hacer que aparezca mira el comentario #27
muchas gracias por tu respuesta! eres genial! no conocía eso de las páginas estáticas, donde puedo darle para publicar páginas estáticas? y ya haré aparecer la barra otra vez con lo que dices en el comentario #27
EliminarEste comentario ha sido eliminado por el autor.
EliminarLo descubrí, me funcionó, probé con otra plantilla porque estoy de pruebas con el blog, quise volver a poner la misma y ahora cuando creo páginas estáticas le doy a la opción de que se muestren, le doy a guardar y por mas que lo hago no me sale ya como me salía antes en la barrita...
Eliminar¿Qué es lo que no aparece, las páginas o la barra del menú? ¿en cuál blog tienes el problema?
EliminarSaludos!
Hola, que tal Potro! muy buenos consejos como siempre..
ResponderEliminarqueria consultarte varias cosas..
1. la imagen me quedo centrada y el cuadrito de busqueda en una parte tapa la imagen quedando un poco desagradable, hay forma de correr el cuadrito de busqueda o de mandar a la izquierda la imagen?
2. quisiera que la cabecera se pueda clickear y lleve a la pagina principal..
muchisimas gracias como siempre
Hola Lucas,
EliminarParece que tienes dos declaraciones de background, en ambas tienes la URL de la cabecera. Sólo debe haber una, quítala y con eso debe ponerse a la izquierda.
Lo otro no se puede, recuerda que sólo podemos incluir CSS, nada de HTML.
Saludos.
como le añado gadgets a las vista dinamicas ???
EliminarQuizá no leíste la entrada:
Eliminar"Por suerte no todo está perdido, pues aunque no podemos agregar gadgets en ella, sí podemos modificar ciertas áreas para que tu blog no sea vea igual al de todos."
Hola, muy bueno este post, el problema que tengo yo con estas plantillas dinámicas es que no puedo reducir el tamaño de la descripción del blog, me aparece casi del mismo tamaño que el título. Entré en el diseñador de plantilla, en la parte avanzada, cambio los pixeles de la letra, pero no me reconoce los cambios. Cambia el tipo de letra y el color, pero el tamaño no :(
ResponderEliminarConoces alguna forma de hacerlo o sabes por qué es ese error?
Gracias
Mi blog es este: www.rodrigocondeprosa.blogspot.com
Hola Rodrigo,
EliminarSi quieres reducir el tamaño de la descripción agrega esto en el CSS:
#header .header-bar .title h3 {
font-size: 13px !important;
}
Saludos.
hola potro!!!
ResponderEliminarMuchas gracias por tu ayuda, has conseguido que mi blog sea más personal =)pero tengo un problemilla: ¿hay alguna manera de que el header se desplaze cuando bajas con el ratón? Lo pregunto porque mi header es un poco grande y deja poco espacio para ver las entradas, si se desplazara el header sería mejor.
Muchas gracias!!!
Hola Fran.
EliminarAgrega en los estilos esto:
.header-bar, .header-drawer {
position:absolute !important;
}
Saludos.
Hola Potro. Una pregunta: Antes de utilizar las vistas dinámicas, cada vez que subía una nueva entrada ésta se publicaba también en mi página de facebook, pero ahora no sucede. ¿Hay alguna manera de vincular nuevamente estas vistas dinámicas con facebook? Muchas gracias de antemano por tu tiempo.
ResponderEliminarHola Fabio. Blogger no tiene un vínculo directo con Facebook, es posible que hayas estado usando una aplicación de Facebook que es la que leía el feed de tu blog, si es así revisa la configuración de esa aplicación para cerciorarte que todo está funcionando correctamente en cuanto a la aplicación.
EliminarMuchas gracias por tu ayuda, ahora queda muchísimo mejor. También me gustaría saber si se puede cambiar el icono que sale en las pestañas o cuando pones la pagina en favoritos. ¿Sabes a lo que me refiero? Ahora aparece el logo de blogger pero no se si se puede editar por CSS o solo por HTML.
ResponderEliminarTe doy otra vez las gracias por la ayuda de antes =D
El favicon sólo puede agregarse por HTML, o desde la pestaña de Diseño, pero en las Vistas Dinámicas no existe ni uno ni lo otro.
EliminarSaludos.
hola, muy practico este blog!!
ResponderEliminarMi blog es www.visitmycounty.blogspot.com y he usado la plantilla de VISTA DINAMICA de blogger.
Usando esta plantilla con la opción de FLIPCARDS como pagina principal se muestran las imágenes de los 100 primeros post, y si bajas con el scroll se van descargando el resto de los post de 50 en 50.
Tengo 3145 posts, me gustaría saber si es posible que se descarguen TODOS desde el incio si tener que usar el scroll para ir descargandolos poco a poco.
En "configuracion/entradas y comentarios/mostrar maximo de 500 entradas en la página principal" no me deja poner mas de 500, y tras varios intentos me he dado cuenta que independientemente del numero que ponga (500 ó 5) siempre me carga los 100 primeros posts.
Gracias
Hola visitmycounty. La autopaginación de Blogger limita el número de entradas que se deben mostrar en la portada, esto es con el fin de no hacer lenta la carga del blog. Ahí no hay nada que podamos hacer, lo cual también me parece bien, ya que un blog lento en cargar es molesto para el usuario.
EliminarSaludos.
Hola El Potro, Gracias por tu pronta respuesta!
Eliminarse me ha ocurrido una manera de solucionarlo, aunque no se si se puede hacer siendo tan limitado la personalizacion de las vistas dinamicas:
¿se podria crear en la cabecera 52 links respondiendo cada link a cada una de las 52 labels de mi blog(que son los 52 estados de EEUU)? ede tal manera que si pinchase en el link de IOWA por ejemplo me llevaría al URL http://visitmycounty.blogspot.com/search/label/IOWA de tal forma que se me aislarian los post con la etiqueta de IOWA.
y asi con los 52 labels no se hace lenta la carga del blog!!
¿sabes como poner tantos links nuevos en la cabecera?
Muchas gracias de nuevo!
Pues no sé si quepan tantos. Lo que tendrías que hacer (primero en un blog de pruebas) es regresar a una plantilla "normal", ahí editar el gadget de páginas e incluir los enlaces de tus etiquetas, ya con el gadget modificado cambia a las Vistas Dinámicas y mira si toma los enlaces que añadiste al gadget. Es la única opción que se me ocurre (en caso de que funcione), porque como no tenemos acceso a la Edición de HTML en esas plantillas nos limita todo ese tipo de cambios.
EliminarOk El Potro, voy a probar lo que dices.
EliminarPara no poner tantas pestañas se me ocurre poner un menu desplegable en acordeón como enseñabas en unos de tus posts.
saludos
Eso no se va a poder visitmycounty. Recuerda que no podemos ingresar nada de HTML en esas plantillas ;)
Eliminar