COMO RETIRAR O ESPAÇO QUE A NAVBAR OCUPA

Hello clouds, tudo bem? Hoje vamos aprender a retirar o espaço que a navbar ocupa (acima do cabeçalho) e é muito fácil, siga os seguintes passos:

Vá no Blogger > Modelo > Editar HTML, aperte CTRL+F e procure por:

/* Variable definitions

E cole o seguinte trecho acima do código procurado:

#navbar-iframe {display: none !important;}body .navbar {height: 0px;}.content-outer {margin-top:0px;}

E pronto! Visualize antes de salvar ;) .

COMO COLOCAR FAIXA NO TOPO DO BLOG

Quanto tempo hein?! Estão com saudades? Eu sim <3, por isso um tuto tão legal: Como colocar faixa no topo do blog, que pode ser aquela fixa, ou seja, você pode ir até o final do blog que ela ainda estará na mesma posição, e a que fica somente no topo do blog.

Ah, quero pedir uma coisa para vocês: se gostam dos posts do blog divulguem-o com seus amigos, parentes, conhecidos, ou com qualquer pessoa que virem, pois quanto mais seguidores melhor! Desde já agradeço a colaboração.

Vá no blogger > Layout > Adicionar Gadget > HTML/Javascript e cole o seguinte código:

<div style=" background-image: url('URL DA SUA FAIXA'); top: 0px; left: 0px; width: 100%; height: 43px; z-index: 100; position: fixed;"></div>

Se quiser a faixa somente no topo do blog, troque position: fixed por position: center ok?
Qualquer dúvida comente. Bjs e até o próximo post!

CAIXAS DE PESQUISA PERSONALIZADAS

E ai pessoal, como passaram o feriado? Eu fiquei em casa mesmo, mas em compensação comi muito chocolate <3 ... Vou deixar caixas de pesquisa personalizadas para vocês usarem, e elas são muito fofas!

Antes de tudo, vá no Blogger > Layout > Adicionar Gadget > HTML/Javascript , e cole o seguinte código:

<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="Digite sua busca aqui" />
<input class="searchbut" type="submit" value="BUSCAR" />
</form>

Copie e cole o código do modelo acima de ]]></b:skin .

.searchbar {
width: 190px;
height: 22px;
border-radius: 9px;
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
background: #f8f8ff;
border: 1px solid #f5f5f5;
box-shadow: inset 0 15px 4px #ffffff;
color: #dcdcdc !important;outline: none;
}
.searchbut {
height:24px;
padding: 2px;
padding-right: 4px;
border-radius: 6px;
margin-left: -2px;
font: 10px;
font-family: Calibri;
text-transform: ;
background: #dda0dd;
border: 1px solid #dda0dd;
box-shadow: inset 0 18px 10px #ba55d3;
color: #ffffff !important;
text-shadow: 1px 1px 0px #ddddb3;
}

.searchbar {
width: 190px;
height: 22px;
border-radius: 2px;
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
background: #f8f8ff;
border: 1px solid #f8f8f8;
box-shadow: inset 0 15px 4px #ffffff;
color: #dcdcdc !important;outline: none;
}
.searchbut {
height:24px;
padding: 2px;
padding-right: 4px;
border-radius: 2px;
margin-left: -2px;
font: 10px;
font-family: Calibri;
text-transform: ;
background: #4682B4;
border: 1px solid #B0C4DE;
box-shadow: inset 0 10px 15px #B0C4DE;
color: #ffffff !important;
text-shadow: 1px 1px 0px #ddddb3;
}

.searchbar {
width: 190px;
height: 22px;
border-radius: 2px;
font: normal normal 12px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
background: #FFC0CB;
border: 1px solid #FFC0CB;
box-shadow: inset 0 15px 10px #FFE4E1;
color: #fff !important;outline: none;
}
.searchbut {
height:24px;
padding: 2px;
padding-right: 4px;
border-radius: 2px;
margin-left: -2px;
font: 10px;
font-family: Calibri;
text-transform: ;
background: #FF3E96;
border: 1px solid #FF3E96;
box-shadow: inset 0 10px 15px #FF82AB;
color: #ffffff !important;
text-shadow: 1px 1px 0px #ddddb3;
}

Espero que gostem, bjs :*