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