Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

Cambiar el título del blog por una imagen -19-

Para alojar una imagen puedes usar Imageshack. En cambio, si quieres que sea en blogger debes crear una nueva entrada o post. Desde ahí, subes una imagen al editor y después te vas a Edición de HTML, para copiar la ruta de la imagen.

1. Lo siguiente que debes hacer es ir a Plantilla. Luego deberán buscar lo siguiente:
<div id="header">
<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
</div>

2. Una vez ubicado el código, tendrás que borrar <$BlogTitle$> para luego agregar el siguiente código: <img src="http://urldelaimagen.jpg" /> y a su vez reemplazar la URL de la imagen que has subido en ImageShack o en Blogger.

Nota: Probablemente algunas plantillas no tienen el mismo código que les he puesto, pero tienen algo parecido. Sin embargo, incluyen <$BlogTitle$>.

Existe otra manera de modificar, el cual tendrías que localizar lo siguiente en la plantilla:
/* Header
----------------------------------------------- */
#header {
background:#be4 url("http://www.blogblog.com/no565/topleft.gif") no-repeat left bottom;
padding:0 0 0 160px;
margin:0 0 10px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
}
#blog-title {
background:url("http://www.blogblog.com/no565/bg_header.gif") no-repeat left top;
margin:0;
padding:40px 0 0;
font:bold 275%/97px Helvetica,Arial,Verdana,Sans-serif;
text-transform:lowercase;
}
#blog-title a {
color:#fff;
text-decoration:none;
}
.postpage #blog-title {
padding-top:0;
background-position:0 -40px;
}

Simplemente tendrías que sustituir las dos URL´s en background por la URL de tu imagen. Esta modificación hará que la imagen aparezca como fondo en la cabecera. Sin embargo el título y la descripción del blog seguirán manteniéndose, siempre y cuando no lo hayas borrado <$BlogTitle$>.

14 Comentarios:

Arturo Gómez dijo...

Muy bueno y útil tu blog, amigo. De hecho que lo linkearé y visitaré siempre. Muchos saludos y que tengas un excelente año 2007.

Anónimo dijo...

Hice todo lo que dices y me resulto, pero tengo una imagen de 1024 x 768 pixeles y quisiera saber como se hace para dejarla al tamaño adecuado y asi se vea entera.
O si es posible cambiar el color de fondo por una imagen.

Anónimo dijo...

Lo de la imagen del titulo aun no me resulta, pero cambie el color de fondo por una imagen, es de 1024 x 768 y se repite varias veces. Ahora quiero saber como hacer para que quede fija mientras una asciende y desciende por el blog.
Ademas, voy a tratar de cambiar los demas colores de fondo por imagenes.
Gracias por tu ayuda Andres, este es el blog que mas me ayuda.

Anónimo dijo...

Saludos Andres

Yo tengo la plantilla Minima Black del Blogger nuevo. Como seria en este caso el cambio que debo hacer para colocar una imagen en lugar del titulo?

Gracias
Excelente tu sitio!

Anónimo dijo...

Hola Andrés; me llamo Jorge, y te escribo desde España. Ante todo, felicidades por tu blog, es de gran ayuda para los inexpertos como yo. Tras haber perdido horas buscando respuestas por internet, acudo a ti, que se ve que sabes bastante del tema. Estoy intentando embellecer y hacer un poco más original mi blog (beta), pero hay cosas que quiero hacer que se escapan de las manos. Me pregunto si SE PUEDEN INTRODUCIR NUEVAS FUENTES DE ESCRITURA diferentes a las que vienen por defecto en blogger (por ejemplo, ¿qué tendría que hacer para sustituir la fuente de todos los títulos de mis entradas por una que no tiene blogger?), y también CÓMO SE PUEDE PONER UNA IMAGEN COMO TÍTULO DE UNA ENTRADA O DE UN ELEMENTO DE PÁGINA (las columnas de la derecha de la plantilla). Mi email: jorgeomenat@gmail.com. Muchas gracias de antemano. Saludos.

My Zøø Statiøn dijo...

Hola, me interesaria saber mas a detalle de como cambiar el "header", por mas que busco no puedo encontrar en la planilla lo que especificas.

En mi planilla no contiene: <$BlogTitle$>

Y ni mucho menos aparece lo que dices entre Header, aparece esto:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}


Disculpa la molestia, igual y estoy haciendo algo mal, jeje. Espero me puedas ayudar, gracias!

Andrés dijo...

Hello.
Decirles que, lo que es cuestión de pedidos, lo estare publicando, poco a poco. Disculpen la demora.

B€ngg€®: Acabo de ver tu blog y estas utilizando la nueva versión de Blogger (la plantilla es muy diferente), asi que acabo de publicar lo que es para la nueva versión.
Busca la publicación número 26 (al costado de cada post tiene un número).
Bye.
PD: Gracias a todos por su visita.

Doppelgänger dijo...

hola:

Yo tengo una plantilla diferente y aunque sé donde mover los datos..prefiero que me orientes...

Mi blog es este, y deseo cambiar el título por una imagen.

en el código fuente podrás ver que me aparece algo diferente a lo habitual, no lo transcribo acá por cuestión de motes.

Gracias por la ayuda que brindas
Ojalá puedas ayudarme

Andrés dijo...

Doppelgänger: Revisando tu plantilla, lo tendrias que hacer en la parte que dice: <div id="HeaderTitle">, debajo agregas el siguiente código: <img src="http://urldelaimagen.jpg" / >
Eso es todo, untenta y me dice s que pasa.
Gracias por la visita.

Walter D. Böhmer dijo...

La verdad muy utiles los consejos...da a poco le voy poniendo onda al Blog... si lo desean visitenlo, es un programa radial de Chajarí Entre Ríos (Argentina) MUCHA MUSICA

Word dijo...

Hola.

Muy bueno el tip que publicaste, soy nueva en esto de los blogs y quisiera cambiar el fondo de mi blog por una imagen.

Podrian decirme como. Gracias !!!1 =)

carlos dijo...

Estás buscando gadjets para el blog.. Te recomiendo el blog enlazado, tiene relojes, calendarios, buscadores, animaciones, fraces y otros miles de accesorios para el blog!. Visitenlo y después me cuentan!!. Un saludo para todossss!!!!!!!!!!!111

Bomberos de Santander dijo...

hola a todos, entrar en mi blog http://bomberosdesantander.blogspot.com/ y mirar como tengo la imagen del titulo, que tengo que hacer para que me salga completa la imagen ???

Ancohallo tv dijo...

hola andres un saludo cordial saves intente hacer lo que me recomiendas en esta entrada pero no me funciona te agradeceria me pudiras ayudar este es mi msn jopa_29_2@hotmail.com para poner una imagen en mi blog en lugar del totulo

Related Posts with Thumbnails
Últimos Post