Barra de mensaje en el header (textbar)

Hola .

Tengo unos sitios donde añado diferentes mensajes arriba del header para mantener a los usuarios felices y que compartan tal mensajes, usualmente usaba una herramienta muy linda llamada HelloBar pero la única versión free era limitada y te añadía una marca de agua hacía su sitio. En fin, buscando y buscando me encontré con un excelente textbar y acá lo añado por si alguno le interesa.

¿Cuál será el resultado final?



Inicio:

Es demasiado fácil yo me lié un poco pero el peor amigo que tengo Camilo Garcia (mentira ) me ayudo con la nobatada que me faltaba.

Lo primero es irnos a nuestro style.ccs y al final añadimos:

Código:

.hellobar {
padding-top: 3px;
height: 25px;
background: green;
color: white;
border-bottom: grey solid 5px;
box-shadow: 0 0 10px #999;
position: fixed;
width: 100%;
z-index: 1;
top: 0px;
}

.hellobar a {
color:white;
}

.hellobar a:hover {
color:white;
background:black;
}


Guardamos y nos vamos al sección donde queremos que aparezca la barra, en mi caso sería header.php así que, buscamos la sección </header> y justo antes pegamos lo siguiente:

Código:

<div class="hellobar">
<center>Awesome Stuff <a herf="http://your-awesome-url.com">Click here to learn more!</a></center>
</div>

Y eso es todo .
Quizás para ver la barra tengan que deloguearse ya que la barra de WP no me dejaba ver la nueva barra de texto, por otro lado, SI GUARDAN Y NO VEN NADA, presionen Ctrl + f5 para borrar cache.

Saludos...