Eliminar u ocultar barra de blogger:
Para eliminar totalmente la barra de blogger hacemos lo siguiente:
1. Vamos al blogger y seleccionaremos la pestaña diseño.
2. Dentro de la pestaña Diseño seleccionaremos la opción “Edición de HTML”.
3. Posteriormente buscamos la etiqueta <head>.
4. Copiamos el siguiente código:
<style type=’text/css’>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>
Para ocultar la barra de blogger, y que al pasar el ratón por la zona donde está se active y aparezca:
1. Seguimos los dos primeros puntos del proceso anterior.
2. Buscamos el fragmento de código body{.
3. Insertamos el siguiente fragmento de código justo encima:
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
Modificar favicon (Favorites Icon) de blogger:
1. Debemos crear un icono (.ico) con la imágen que queremos utilizar. El mismo debe ser de 16×16 pixels o 32×32 pixels.
hay servicios online para generar iconos como este chami.
2. Ese icono debe subirse a la web a alguna dirección donde pueda ser visible. Un opción puede ser fileden
3. Por último agregamos las siguientes líneas entre los parrafos <head> y </head> antes del tag <title>
<link href=’URL_icono’ rel=’shortcut icon’ type=’image/x-icon’/>
<link href=’URL_icono’ rel=’icon’ type=’image/x-icon’/>
Debería quedar algo así:
<?xml version=”1.0″ ……. >
<!DOCTYPE html ……. >
<html ……. >
<head>
<b:include data=’blog’ name=’all-head-content’/>
<link href=’URL_icono’ rel=’shortcut icon’ type=’image/x-icon’/>
<link href=’URL_icono’ rel=’icon’ type=’image/x-icon’/>
<title><data:blog.pageTitle/></title>
Aparentemente, debido a una limitación de Internet Explorer, ambas instrucciones son necesaria, una se usa para los favoritos y la otra para la barra de direcciones.
Una vez hecho esto, guardamos la plantilla y listo.
Hernan Vivani's Blog 