Menu Horizontal abaixo do cabeçalho

Ooie minhas Mulberry's .

Eu acho que esse tutorial, é o mais procurado, então eu vou ensina-las como colocar aquele menu abaixo do cabeçalho, ele ficara mais ou menos assim :

(minha iB)

Vamos lá.

1- Para começar vá em > Design > Editar HTML aperte CTRL+F e procure por: ]]></b:skin>

E ANTES dele cole :

/*** menu tutoriaisattitudeincluded.blogspot.com ***/
.menuattitude {
background-color: #cccccc; /*** cor do fundo ***/
float:left;
font-family:Courier;
color:#333333; /*** cor da fonte ***/
font-size: 10pt; /*** tamanho da fonte ***/
width:158px; /*** largura ***/
text-align: center; /*** posicionamento ***/
margin: 3px;
line-height:25px;
margin-bottom: 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.menuattitude:hover {
background-color: #666666; /*** cor do fundo ***/
font-family: Courier; /*** Fonte ***/
color: #b779ff; /*** cor da fonte ***/
float:left; /*** posição do texto ***/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

 E se você quiser que seu menu fique com as bordas arredondadas MANTENHA o código em vermelho, e se você quiser que ele fique do jeito que o exemplo mostra, RETIRE-O.

Reparem que o que está de roxo, é para vocês saberem como mudar a cor do fundo, da fonte etc.

                      Salve.

2- Agora vá em designe > elemento de página > adicionar um Gadget  (igual a imagem a seguir, clique nela para amplia-la)

Adicione >  HTML/javaScript . Agora cole o seguinte código :

<div class="menuattitude"><a href="LINK_DA_SUA_PÁGINA">TÍTULO_DA_PÁGINA</a></div>

<div class="menuattitude"><a href="LINK_DA_SUA_PÁGINA">TÍTULO_DA_PÁGINA</a></div>

<div class="menuattitude"><a href="LINK_DA_SUA_PÁGINA">TÍTULO_DA_PÁGINA</a></div>

<div class="menuattitude"><a href="LINK_DA_SUA_PÁGINA">TÍTULO_DA_PÁGINA</a></div>

<div class="menuattitude"><a href="LINK_DA_SUA_PÁGINA">TÍTULO_DA_PÁGINA</a></div>

Faça as alterações conforme pede, mantenha ''as aspas'' ao colocar os links das paginas.

Bom, é isso, espero ter ajudado e espero que tenha dado certo, qualquer coisa é só colocar as dúvidas nos comentários. Kiss

Creditos para Other Things Attitude Included

Banners

Ooi amores, aqui é a Lú. áva
Eu sei como é difícil montar um banner (cabeçalho) , as vezes não sabemos como fazer, ou estamos sem criatividade, ainda mais para iniciantes que não sabem muito bem do que o blog vai falar e tals. Mas eu resolvi fazer umas bases para ajudar vocês. Se quiserem podem mexer neles, faça como quiser, é de vocês, MAS, eu quero pedir só uma coisinha em troca, quero que mantenham os créditos, podem tirar do banner mas quero um cantinho no seu blog para dar os créditos ao MB. Bom, aqui estão, espero que sirva pelo menos para as iniciantes.

tamanho: 1000x50

 1000x300

 1000x300

1000x300

 1000x300

Dica : Para ficar perfeito coloque a largura do seu blog 1000


Ps: onde está a parte em branco coloquem o nome do seu blog, Pode ser no photoscape que eu sei que muita gente usa, só não esqueça de salvar em forma de png.
Por Exemplo:

É isso, espero que tenham gostado. 

 Beeeijos.

Chegando com tudo + como tirar a navbar do blog

Ooi amores aqui é a Lú (Luana), tudo bem com vocês?

Esses é o Primeiro post e tuto do MB.

Sabe a navbar, aquela caixinha que fica la em cima do blog?

então, hoje eu vou ensinar com remover ele.

                               1-  vá em layout>editar html> [se for o modelo antigo do blog]  ou  Modelo> editar html>prosseguir [se for o novo].

     2- aperte Ctrl+F ou f3 e procure por  ]]></b:skin>  

                                      3-  ANTES do código cole :

                                                        #navbar-iframe { height: 0px; visibility: hidden; display: none; } 

Ps: Antes  de salvar veja se deu tudo certo. Se precisar de ajuda ou se não deu certo me avisem aqui pelos comentários mesmo.

Bom, é isso, espero que tenham gostado e que tenha ajudado beijos.