¿Has visto en algunas web/Blog una barra en la parte superior que ocupa en horizontal todo el ancho de la página? Yo la he puesto en mi blog en la parte superior para especificar desde que lugar se crea este blog, puedes personalizarla para mostrar lo que quieras e incluso con imagen. Podemos personalizar el color, el ancho de la barra, el borde e incluso el tamaño del texto.
Antes de colocarla has de ocultar o eliminar la navbar de Blogger, sino saldría ésta arriba y la de Blogger a continuación. Si no sabes como quitar la navbar de Blogger tan sólo será necesario colocar este trozo de código antes de la etiqueta </head>:


<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Miras en vista previa de la plantilla para comprobar que la barra de google ha desaparecido, una vez hecha esta comprobación seguimos para colocar el siguiente código que te mostrará la nueva barra.
Se coloca este código justo después del<head>:

<div style=' background-color:#f2984c; border-bottom: 1px solid #333333; margin: 0 0 5px 0; padding: 4px 0; font-size: 16px;color:#000000;'>PON TU TEXTO AQUI</div>
Si quieres añadir una imagen el código sería:

<div style=' background-color:#c08020; border-bottom: 1px solid #000; margin: 0 0 5px 0; padding: 4px 0; font-size: 14px;'>
<img alt='BARRA' src='URL DE TU IMAGEN' style='vertical-align: text-bottom;'/>
TEXTO A MOSTRAR
</div>

Vía/escaparatederosa