En los blogs de blogger encontramos una navbar. Se trata de una barra situada en la parte superior del blog y que tiene diferentes funciones. Cuando iniciamos sesión, podemos crear nuevas entradas, ir al escritorio, acceder al Diseño del blog... desde dicha barra.

Tal vez te hayas decidido por deshacerte de la navbar (como explico en esta entrada) y por tanto, tienes dificultades para acceder al Escritorio de blogger.

Con este truco vamos a crear un menú, similar a la navbar, que ofrece las posibilidades de crear nuevas entradas, acceder al escritorio, editar entradas, ir al diseño del blog...

El menú sólo lo veremos nosotros, es decir, los administradores del blog (y siempre que hayamos iniciado sesión en blogger).

Sigue los siguientes pasos para configurarlo:

Diseño>edición HTML>sin expandir artilugios



Busca la siguiente línea:

<b:section class='header' id='header' maxwidgets='1'>

Ahora cambia el número 1 por un 2 y guarda los cambios.

En la parte de diseño se habrá añadido lo de añadir un gadget encima de la cabecera.

Diseño>añadir elemento de página>html-javascript


Pegamos este código:

<span class='Administrador'>
/
<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SNmUcZtuboI/AAAAAAAAESU/9KpauxXah_o/s320-R/adminin.jpg"/>
/
<a href="http://blogger.com/home">Acceder</a>
/
<a href="http://www.blogger.com/post-create.g?blogID=IDBLOG">Nueva
Entrada</a>
/
<a href="http://www.blogger.com/posts.g?blogID=IDBLOG">Editar
entradas</a>
/
<a href="http://draft.blogger.com/blog-options-basic.g?blogID=IDBLOG">Configuración</a>
/
<a href="http://www.blogger.com/rearrange?blogID=IDBLOG">Diseño</a>
/
<a href="http://www.blogger.com/html?blogID=IDBLOG">Edición
HTML</a>
/
<a href="http://www.blogger.com/logout.g">Salir</a>
/
</span>

Sustituye en cada caso IDBLOG por la dirección (ID) de tu blog. Puedes obtener la ID en la barra de direcciones. Aparecerá de esta forma:

http://www.blogger.com/html?blogID=NUMEROS DEL ID

Una vez hayas insertado el ID en cada línea, guarda el gadget.

Para editar un poco el menú y darle personalizarlo haz lo siguiente...

Diseño>edicion HTML>expandimos artilugios



Mira la ID de tu nuevo elemento, si es un html, seria algo así:

<b:widget id='HTML7' locked='false' title='' type='HTML'/>

Pués ahora en el CSS encima de /* Header pegas este código:

#HTML7 {
width: 800px;
text-align: center;
border: 1px solid $borderColor;
background: $bgColor;
}

Función de cada línea:
width: El ancho que va a tener el widget para que no sobresalga de la cabecera,o de donde lo tengamos.

text-align: Centrará el menú.
border: Le creará un marco.

background: Le pone un fondo.

Para terminar pon el gadget encima de las entradas o encima de la cabecera y verás un fántastico menú, para editar, crear, diseñar... en tu blog, un menú que solo verás tu.