Novedades
IMAGEN TITULO MINIMA BLACK
Leer Este Link Antes de Navegar por el Blog: Tutorial, Esto solo será asà hasta que termine de actualizar los post, luego cada post tendrá su página.
Mira el Post en tu plataforma: <?php if(function_exists("babelize")) babelize(); ?>
Aporte de Jorge Gomez de Mexico
Hola a todos, esta es mi primera participación en este blog, es acerca de como poner una imagen en el titulo del blog, aunque ya ha habido 2 post anteriores a este refiriéndose a como hacerlo e visto que aun hay muchos a los que no les ha resultado, espero que la información que les dejo les sea de utilidad, trate de modificar en mas mÃnimo el código original.
1.- lo primero que habrá de hacer es subir la imagen a blog, has como si fueras a subir una imagen cualquiera, agrega una entrada agrega la imagen, solo que deberás de seleccionar la opción Grande, cárgala y checate el código HTML busca la parte donde dice "http://photos........ .Jpg" esta dirección cópiala y pégala en un documento de texto y déjala pendiente, ahora cámbiate a Plantilla, no publiques la entrada, esto era solo para subir la imagen.
2.-una vez que estés en Plantilla vas a buscar:
----------------------------------------------- */
@media all {
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #333;
}
}
aquà haremos las primeras modificaciones
después de: #header { deberás de escribir Background: url("aquà vas a poner la dirección que tenias reservada en el documento de texto, la que te dio después de subir la imagen a blog").
después de la dirección deberás de poner el código no-repeat left top; para que tu imagen no se repita;
Width: el cual te aparece con 660px, yo lo cambie por 990 por que mi imagen abarca casi todo el ancho de la pagina
Margin: se deja como esta
Border: borras los valores y escribe none
de tal manera que te quede asÃ:
#header {
background: url("http://photos1.blogger.com/blogger/4423/3254/1600/Iacosworldbueno.jpg")
no-repeat left top;
width:990px;
margin:0 auto 10px;
border:none
}
3.- lo siguiente en la plantilla a modificar :
código original:
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #222;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
color:#ccc;
text-transform:uppercase;
letter-spacing:.2em;
}
Modificar: Padding:20px 20px 20px 20px; esto es para que nos quede centrada
border:none para eliminar el borde
font-size: 0% para eliminar las letras del titulo de tal manera que quede asÃ:
margin:5px 5px 0;
padding:20px 20px 20px 20px;
border:none
border-width:1px 1px 0;
font-size:0%;
line-height:1.2em;
color:#ccc;
text-transform:uppercase;
letter-spacing:.2em;
}
4.- la ultima parte a modificar es:
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #222;
border-width:0 1px 1px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#777;
}
aqui cambiar
Padding: por 0 0 90 (en vez de noventa puede ser más con esto ajustamos el alto de la imagen)
Border: none
font: 0% para que nos quede asÃ
margin:0 5px 5px;
padding:0 0 90px;
border:none
border-width:0 1px 1px;
font:0% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#777;
}
y eso seria todo lo que debemos de hacer para cambiar el header del blog original por una imagen , solo me resta decirte que la imagen que subas si la quieres del ancho de la pagina (aprox) deberá de medir 992 * 172 pÃxeles, checa que el ancho de la imagen esta directamente relacionado con el Width de #header para que con tu imagen hagas los ajustes necesarios.
Espero haberles ayudado ,Suerte.
Jul 18th, 2006 a las 9:54 pm
Perdonen, pero ¿cómo meten scripts o códigos, o como se llame en un textarea sin que les cambie nada? ¿No se supone que es para poner textos? Yo traté de poner uno con el codigo de unas imágenes para copiar y pegar y ¡me cambiaba todo! ponÃa que no era una imagen real, etc….
Muy agradecida si me cuentan
Jul 19th, 2006 a las 3:50 am
desilucionada pero no me sirvio para nada pues todo me salio en blanco has omitido algunos codigos que vienen con las plantillas y eso genera confusion o si dejarlos o sacarlos …hasta pronto
Jul 19th, 2006 a las 4:41 am
mmm…..voy a comprobar lo que mando jorge, probablemente tenga tiempo el dia viernes…
Asi que esten pendientes…Nos vemos..
alemana, no entiendo lo que quieres decir en este caso uno pone class = code y todo funciona bien….
Jul 19th, 2006 a las 2:45 pm
para Fernando: cabe aclarar que todas las modificaciones se hicieron en el Header, y las partes de codigo que no aparece, o que fueron omitidas es por que como comente al principio trate de modificar en lo mas minimo el codigo original y solo puse las lineas de codigo en las que habia modificaciones, si gustas te doy una copia del header completo, para que lo cheques contra tu plantilla y verifiques que cambios se realizaron, espero tu respuesta , gracias.
Jorge
Jul 19th, 2006 a las 9:24 pm
Para nada desilucionado, me salió perfecto, no omitiste ningún código, gracias.
Jul 19th, 2006 a las 9:25 pm
…salvo que quedó con unos puntitos de texto que se los estoy tratando de sacar.
Jul 20th, 2006 a las 2:41 am
impecable presentacion… temas de
interes para blogistas que deseen
prolijidad y atraccion para sus blogs…asi como yo lo desearia para el mio…
Felicitaciones, Patty, por un buen trabajo…..keep it up!!!!
Jul 20th, 2006 a las 11:36 pm
HOLA,,SOY NUEVA EN ESTOY, ACABO DE ABRIR MI BLOG HACE UNA SEMANA, Y PUES GRACIAS A USTEDES YA LE PUSE CARITAS , YA PUSE EL CONTADOR DE PERSONAS QUE LO VISITAN, Y TAMBIEN PUDE PONER LOS LINKS,,, SIGUIENDO LAS INSTRUCCIONES Y CON AYUDA DE UNA AMIGA,,,
DE NUEVO MUCHISIMAS GRACIS
Jul 21st, 2006 a las 12:30 am
de nada…
Jul 25th, 2006 a las 8:33 pm
mirad esta imagen que cree en la cabecera del blog con el photoshop para mi blog del World of Warcraft
este es el blog con la imagen y tal.
http://ancientdragons.blogspot.com/
espero que os guste
Jul 29th, 2006 a las 4:17 am
Muchisimas gracias, al fin pude cambiar el header de mi blog, y me kedo genial.
Echenle un ojo para ke vean como kedo
http://www.darthkivar.blogspot.com
De nuevo muchas gracias…saludos
Jul 29th, 2006 a las 6:20 am
que bueno!!
Felicitaciones
Jul 30th, 2006 a las 2:36 am
Hola, seguà todas los pasos para tener foto en el tÃtulo pero no se colgó la imagen. Los únicos cambios fueron que el comentario del titulo (de qué trata el blog) se borró y el espacio del tÃtulo se puso mucho más ancho.
Sospecho que tiene que ver con el procedimiento inicial de cargar la foto. El primer paso era cargar la foto pero no publicarla verdad? eso hice,pero entonces, de dónde jala la foto? sólo con el código de la foto que copio luego? Estará ahi la razón por la cual no se me colgó la imagen en el tÃtulo? Siento que por ahi algo omitÃ, no sé si me pueden explicar más cómo es eso de que cargo a foto pero no la publico.
Bueno, ojala me puedan ayudar, siento que ya estoy cerca pero todavia soy muy inexperta. Muchas gracias, igual en el camino estoy aprendiendo un monton con ustedes
Jul 30th, 2006 a las 3:13 am
la foto tienes que subirla por obligacion a alguna parte, ya sea blogger o cualquier otro servicio..
No me quedo claro si hiciste eso o no??
Jul 30th, 2006 a las 3:20 am
Hola Patricia, yo de nuevo, para constestar tu pregunta. SÃ, o sea, puse “añadir imagen” y todo eso en la creacion de entradas, pero no puse publicar porque entendà que eso no debia hacerlo sino pasar de frente a la plantilla y copiar ahi la dirección de la foto, o sea, nunca puse publicar. Hice bien? Bueno, no sé en que parte fallé para que no apareciera la foto en el tÃtulo.
Muchas gracias, Elizabeth
Jul 30th, 2006 a las 3:22 am
prueba tomando el link que tienes y escribelo en la barra de direcciones del explorer, si aparece tu foto, entonces esa publicada y el problema es otro..Prueba esto primero
Jul 30th, 2006 a las 4:31 am
Hola Patty, probé y sà salÃa la foto en la web cuando puse la dirección. Cuando pongo los cambios en los font y font size a cero (como se indica) se borra el titulo, pero no me aparece la foto, y claro, la idea es que salga la foto de fondo del titulo.
tal vez el problema es mi foto? Esta es la dirección de mi foto: http://photos1.blogger.com/blogger/5589/3367/1600/magdalena.1.jpg
mmm Seguire intentando. Muchas gracias
Jul 30th, 2006 a las 4:35 am
ah, mi plantilla es la mÃnima. No mÃnima black sino la más simple, la minima en blanco; por si esa información es relevante…
Jul 30th, 2006 a las 4:35 am
esta algo grande, en cuanto ajustaste la parte en donde dice:
Padding: por 0 0 90 ????
la tuya debe ser de por lo menos 300
Aug 5th, 2006 a las 4:29 pm
Hola, creé un blog de prueba para subri una imagen, la cual logré subir (bueno, que da por ajustarla iamgen pues la que puse es pequeña, pero eso se peude corregir) el problema que tengo es que el tÃtulo no se ha borrado, ahi sigue, solo que las letras han quedado pequeñÃtas. ¿cuál puede ser el problema?
Por si acaso mi correo es jorgeces@yahoo.com
y mi página de prueba es http://rincondeadan.blogspot.com/
Gracias por su asistencia. Esta página es excelene, me ha ayudado bastante….
Jorge
Aug 5th, 2006 a las 7:35 pm
Para la plantilla son of moto lo que hice fue borrar todo lo que estaba entre los < h1 > y < / h1> del codigo que esta abajo..
La tuya tambien debe tener una etiqueta blog-header o algo parecido…
< div id=" blog-header" >
< h1 >
< ItemPage >< a href="< $BlogURL$ >“>< /ItemPage > < $BlogTitle$ >< ItemPage >< /a >< /ItemPage >
< /h1 >
< p >< $BlogDescription$ >< /p >< /div >
Aug 7th, 2006 a las 1:49 am
hice todos los cambios habidos y por haber y me sale solo un espacio en blanco pobre la foto en mi explorer y si funciona solo tengo fotos de 240 pixeles esta en la url de mi foto haber si alguien me sugiere algo.
http://static.flickr.com/84/205762518_18fcba5529_m.jpg por si sirve de algo mi plantilla es minima …siento que estoy cerca gracias
Aug 18th, 2006 a las 4:42 am
espectacular. Funcionó todo. Muchas gracias che.
Aug 30th, 2006 a las 6:09 am
antes de todo, felicitaciones por tan excelente blog, de verdad es una gran ayuda para los inexpertos como yo en esto de los blogs…. bueno, mi plantilla es una minimal black, y bueno, hice todo lo que aparecia aqui…. me salio todo buenisimo, pero el problema es que me salen unas diminutas manchitas en la parte superior que hace ver el blog sucio…. hay algo que pueda hacer para solucionar esto?
Sep 12th, 2006 a las 7:29 am
muachas gracias por los tutoriales… son de gran ayuda para un inexperto como yo.
=)
Sep 21st, 2006 a las 6:33 am
gracias por este consejo en particular.
lo estaba buscando hace tiempo.
les dejo mi blog para que entren y se den cuenta que solo basta un tiempo minimo para dejar un blog de excelente forma
http://www.ikku.blogspot.com
Sep 22nd, 2006 a las 5:26 am
al fin pude sacar esos bordes molestosos del tÃtulo
nunca habÃa entendido , ajja . GRACIAS 
otra cosa si pueden responder , en mi blog tengo una imà gen de tÃtulo, y cree unos links horizontales , que me gustarÃa que quedaran debajo de ésta, pero no quedan asi . podrÃan ayudarme ?
http://www.alarmala.blogspot.com
blog en constante construccion jajaa.
saludos
Sep 23rd, 2006 a las 7:12 am
Y si no sale la foto en la web al publicar la URL, ha qué puede ser debido??
Muchas graciassss
Sep 23rd, 2006 a las 6:59 pm
la imagen tiene que aparecer si o si…si la ves en la url propia…por ejemplo como esta:
http://photos1.blogger.com/img/282/6361/1024/bscap011.jpg
entonces debe verse…sino se ve asi…entonces obviamente no se va a ver en el blog. Ahora si se ve asi, y no aparece en el blog, entonces cometiste algun error al agregarla..
Sep 24th, 2006 a las 12:18 am
Oye, que muchÃsimas gracias por tu atención. Por si alguien quiere ver cómo ha quedado, ahà va la dirección:
http://photos1.blogger.com/blogger/7017/2269/1600/cabo%20de%20hornos.jpg
Y la del blog:
http://ferfito.blogspot.com/
Oct 7th, 2006 a las 7:04 pm
Gracias por la ayuda… me ha funcionado de maravilla.
Saludos desde Venezuela…
Gusymans
http://gusymansdarkside.blogspot.com
gusymans@gmail.com
Mar 31st, 2008 a las 10:48 am
Hola, ojalá me puedas ayudar… tengo la plantilla minima black y quisiera cambiar la linea que separa los post al igual que la linea que separa lis links de la barra lateral.
Gracias
Jul 3rd, 2008 a las 9:40 pm
No entiendo nada de esto ,AYUDENME PORFAAVOOR
manuelbf_4007@hotmail.com
http/://violet-shoes.blogspot.com