27 agosto 2008

cambiar el titulo del blog por una imagen

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$>.

0 comentarios:

Publicar un comentario

Gracias por participar en ♫ Estación MusiKal ♫, espero q dejes todos tus puntos de vista, sean bueno o malos, y recuerda afiliarte a la pagina para recibir directamente nuestras entradas en cu correo.

Para una óptima visualización sugerimos: Resolución 1024 x 768