Menú horizontal simple con CSS (2)

Hace unos meses os mostrábamos algunos menús que podíais agregar a vuestro blog de manera fácil y rápida: Menú Horizontal Simple y Menú vertical Simple.
Pues bien, hoy os volvemos a presentar un nuevo menú de navegación horizontal, un poquitín más complejo, pero muy sencillo de implementar.
Puedes ver un ejemplo en funcionamiento de éste menú aquí.

Para agregarlo solo debes seguir los siguientes pasos:

1. Añadimos un nuevo Elemento HTML encima de la zona de entradas y en él ponemos el siguiente código:

<div id="menuhorizontal">
<ul id="menuh">
   <li><a href="#">Inicio</a></li>
   <li><a href="#">Acerca De</a></li>
   <li><a href="#">Enlazar</a></li>
   <li><a href="#">Contacto</a></li>
   <li><a href="#">Aviso Legal</a></li>
</ul>
</div>
<style type="text/css">
#menuh {
    background: #333;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
}
#menuh li {
    float: left;
    font: 67.5% "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana;
    margin: 0;
    padding: 0;
}
#menuh a {
    background: #333 url(http://i825.photobucket.com/albums/zz180/latrucoteca/seperator.gif) bottom right no-repeat;
    color: #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#menuh a:hover {
    background: #2580a2 url(http://i825.photobucket.com/albums/zz180/latrucoteca/hover.gif) bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
    }
</style>

2. Guardamos el Gadget y modificamos la siguiente parte, cambiando la almohadilla (#) por la url del enlace, y la parte en Rojo, por el texto que deseamos que aparezca en el menú:

   <li><a href="#">Inicio</a></li>
   <li><a href="#">Acerca De</a></li>
   <li><a href="#">Enlazar</a></li>
   <li><a href="#">Contacto</a></li>
   <li><a href="#">Aviso Legal</a></li>

3. También podemos agregar más botones al menú adjuntando una nueva línea de código después de las ya presentes:

<li><a href="#">Otro título más</a></li>

En caso de querer realizar esta última acción, es recomendable sustituir la cifra coloreada de verde (50%) por un número mayor.
Y de esta forma ya dispondremos de un elegante y vistoso menú en nuestro blog para mejorar así un poco su aspecto :)
Saludos!

¡¡¡ Ya están aquí los Premios 20 Blogs 2010 !!!

Así es, ya están disponibles los Premios 20 Blogs del 2010, para poder inscribir tu blog y participar en el concurso. Nos enteramos hace tan solo un par de días (¡menos mal!) en el blog de Gem@, y al parecer el plazo de inscripción solo dura hasta mañana día 18. Quizás hayamos dado el aviso un poquito tarde, pero... ¡más vale tarde que nunca! :D.

Para inscribir un blog en el concurso (y para votar), primero hay que registrarse (tardarás un minuto), y a continuación puedes acudir a la sección de los Premios 20 Blogs, donde también encontrarás más información sobre dicho concurso.

Por cierto, La Trucoteca de Blogs ya está apuntada, nos puedes encontrar aquí, y La Trucoteca Design también, la puedes encontrar aquí.
Ya sabes que tu voto será muy bien recibido :) (puedes hacerlo a partir del 2 de Agosto)



¡Saludos y suerte con la participación!

Novedades/noticias en el blog - (Junio)

1. Plataforma de creación de blogs vencedora de la encuesta.
Hace unas semanas os planteabamos la siguiente pregunta: ¿Qué plataforma de creación de blogs te gusta más?
Y el resultado final, no muy inesperado, ha sido el siguiente:
1. Blogger, 47 votos (92 %)
2. Wordpress, 4 votos (8 %)

Por otra parte, las demás opciones que ofrecíamos no han recibido ni un solo voto, por lo que queda demostrada de forma clara la hegemonía, principalmente, de Blogger y Wordpress, en el ámbito de la creación de blogs.

2. Nuevas opciones en Blogger:
Recientemente Blogger ha implementado algunas opciones:

2. 1. Marcadores sociales oficiales de Blogger para compartir entradas:
Hace unas semanas, Blogger comenzó a ofrecer la opción de colocar unos sencillos marcadores sociales, entre los que se encuentra "Twitter", "Facebook" o "Google Buzz", al final de las entradas para poder compartirlas.

Si quieres agregar estos botones solamente debes dirigirte a Diseño> Elementos de la página y pinchar en el enlace "Editar" de las Entradas del blog.
Una vez allí se te abrirá una ventana en la que podrás configurar esta y otras opciones ya presentes en Blogger desde hace meses.

 2. 2. Nueva sección de "Estadísticas" en Blogger:
Sin duda ésta es una de las grandes novedades que ha agregado Blogger al panel de administración. Se trata de una sección exclusiva en la que se pueden visualizar estadísticas bastante detalladas sobre las visitas que recibe tu blog, palabras clave, país de procedencia de dichas visitas, etc.

Para explorar esta nueva opción solamente debes pinchar en la nueva pestaña que aparece en el panel de administración con el nombre de "Estadísticas".