O tutorial de início é bem simples, no tutorial simples é possível colocar a barrinha e o background dela, a barra fixa fica lindo do mesmo jeito! Vamos lá?
Quais as vantagens de se ter essa barrinha?
Essa barrinha, pode ajudar a corrigir aquele erro de Background e Cabeçalho que todo mundo odeia! Além de ser bonito para seu layout, o deixar limpo e sem defeito. E você pode como disse mudar o background da barrinha sempre que quiser, quando for trocar de layout!
1º Vá em Design > Editar HTML > Aperte Ctrl + F e pesquise por:
<body expr:class='"loading" + data:blog.mobileClass'>
*Caso não a encontre, procure por e ache algo semelhante a ela.
2º Abaixo do código encontrado você cola este aqui:
<div style=" background-image: url('URL DO PATTERN'); top: 0px; left: 0px; width: 100%; height:40px; z-index: 100; position: fixed;"></div>
*Modifique o que está está pela "URL DO PATTERN" que você quer que seja o background da barra. E onde está escrito (40px) você coloca a altura da barra.Obs.: Os patterns você pode usar os que estão neste link AQUI*, e antes de salvar, visualize e veja se está tudo certinho. E simples assim, seu blog está com um cara diferente!
Fonte: Acesso Permetido