Customizar Blogger !!


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.

Anuncios

Acerca de hvivani

sysadmin, developer, RHCSA
Esta entrada fue publicada en blogger y etiquetada . Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s