Como poner tus páginas de un modo muy guay

Vista previa:

Da a sigue leyendo para ver como es ;)

Como ves, al tocar el ratón la página se mueve.

¿Cómo se hace?

Vamos a:

Plantilla/Personalizar/Avanzado

Y ponemos este code:

:
/* Menu Electric by Annyz Blog */
.electric {
background:#EDC1FF;
padding:4px;border-top:1px solid:#FFABD7;
border-bottom:1px solid #eee;
margin-bottom:0px;
text-shadow:1px 1px 1px #FFABD7;
font:11px verdana;color:#FF0D7A;
-webkit-transition:all .50s linear;
-moz-transition:all .2s linear;
transition:all .90s linear;
-moz-border-radius: 35px;
border-radius: 35px;
}
.electric:hover {
background:#FFF9AF;
padding:4px;border-top:1px;
padding-left:40px;
text-shadow:100px 1px 1px #FF0D7A;
font:11px verdana;color:#26B0FF;
filter: hue-rotate(190deg); -webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-o-filter: hue-rotate(360deg);
-ms-filter: hue-rotate(360deg);
-webkit-transition-duration: 0.20s;-webkit-border-radius: 3px;
-moz-border-radius: 35px;
border-radius: 35px;
} 

Luego, nos vamos a...

Diseño/Añadir un gadget/html/HAVASCRIPT

Es muy fácil. Primero partimos del código base:

<div class="electric"><a href="URL DE LA PÁGINA PRINCIPAL DE TU BLOG">Inicio</a></div>
<div class="electric"><a href="URL DE UNA PÁGINA DE TU BLOG">NOMBRE DE LA PÁGINA</a></div>
<div class="electric"><a href="URL DE UNA PÁGINA DE TU BLOG">NOMBRE DE LA PÁGINA</a></div>
<div class="electric"><a href="URL DE UNA PÁGINA DE TU BLOG">NOMBRE DE LA PÁGINA</a></div>

ROJO: Ahí pondrás la url de tu blog
ROSA: URL de Una pagina de tu blog (No en todos la misma)
VERDE: Pones el nombre de como se llama la pagina

Si quieres poner mas o menos es muy fácil: Quitas un code o añades uno nuevo:

<div class="electric"><"URL DE UNA PÁGINA DE TU BLOG">NOMBRE DE LA PÁGINA</a></div>

Fácil, no???

Créditos a: Mencía