Revolvido: Menu saiu do lugar + Diminuir nome do blog

Se o nome do seu blog for muito grande, o menu tende a sair do lugar, portanto, você tem duas opções:

1. Diminuir o tamanho da fonte do título
2. Posicionar o menu caso ele saia do lugar

1. Para diminuir o tamanho da fonte do título do seu blog, vá em Modelo > Editar HTML, segure CTRL + F e digite #header h1, você irá encontrar o seguinte trecho de HTML:

#header h1 {
color:#fff;
display:block;
font-family: 'Satisfy', cursive;
font-size:45px;
font-style:normal;
font-weight:normal;
margin:0;
padding-left:440px;
padding-top:120px;
text-align:center;
width:220px;
}

font-size:45px; corresponde ao tamanho da letra, diminua ou aumente o valor (45)
padding-left:440px; corresponde à posição horizontal do nome, diminua esse valor (440) para trazer o nome para esquerda, e aumente o valor (440) para trazer o nome para a direita.
padding-top:120px; corresponde à posição vertical do nome, diminua esse valor (120) para trazer o nome para cima, e aumente esse valor (120) para trazer o nome para baixo.

2. Caso o nome do seu blog seja muito grande, o menu sairá do lugar, para arrumar isso, você precisa ir em Modelo > Editar HTML, segure CTRL + F e digite #menu, você irá encontrar o seguinte trecho de HTML:

#menu {
width: 940px;
height: 40px;
background-image:transparent;
background-position:center;
background-repeat:no-repeat;
margin-top: 100px;
float: left;
margin-left: 240px;
}

Se o menu sair da barrinha rosa, você deverá mexer em:

margin-top: 100px; aumente esse valor (100) para descer o menu, e diminua o valor (100) para subir o menu.
margin-left: 240px; caso queira que o menu fique mais à esquerda, diminua esse valor (240), e caso queira ele mais à direita, aumente esse valor (240).

Como editar o menu do Layout

Para modificar as páginas do menu, editar o nome da página, acrescentar ou remover, é só ir em Modelo > Editar HTML e segurar CTRL + F para abrir uma caixa de pesquisa, digite <div id='menu'> você irá encontrar o seguinte trecho no HTML:

<li><a class='link' href='/'>Início ♥</a></li>

<li><a class='link' href='http://LINKDASUAPAGINADEPERFILAQUI'>Perfil ♥</a></li>

<li><a class='link' href='http://LINKDASUAPAGINADEESQUIPEAQUI'>Equipe ♥</a></li>

<li><a class='link' href='http://LINKDASUAPAGINASOBREOBLOGAQUI'>Sobre o blog ♥</a></li>

<li><a class='link' href='http://LINKDASUAPAGINADEBLOGSAMIGOSAQUI'>Blogroll ♥</a></li>

<li><a class='link' href='http://LINKDASUAPAGINADECONTATOAQUI'>Contato</a></li>

Para editar é só substituir o que está em negrito pelo link da sua página, seja ela de perfil, contato, etc. Para excluir uma página do menu você deverá apagar o trecho de <li> até </li> da página que desejar. 

Se estiver tudo ok é só salvar.

Como editar sua descrição e as redes sociais

Para editar a sua descrição e linkar as redes sociais nos ícones, você deverá ir em Layout e encontrar o gadget "Sobre mim", e em seguida clicar em editar, como mostra a foto abaixo:

Irá abrir uma janela com o seguinte código: 

<center><img src="http://i.imgur.com/JFEFSKW.jpg"></center><center><br /> Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. Sobre você aqui. </center><br />

<center><a href="LINKDOFACEBOOK"><img src="http://i.imgur.com/K2GWTr1.png"></a>  <a href="LINKDOINSTAGRAM"><img src="http://i.imgur.com/IGKzkyH.png"></a>  <a href="LINKDOTWITTER"><img src="http://i.imgur.com/hLGwvst.png">  </a><a href="LINKDOWEHEARTIT"><img src="http://i.imgur.com/7fdVQNW.png"></a>  <a href="LINKDOTUMBLR"><img src="http://i.imgur.com/JDDAawW.png"></a></center>

- Logo no começo do código, esse trecho <img src="http://i.imgur.com/JFEFSKW.jpg"> corresponde a sua foto, é só substituir pelo link de uma foto sua, lembrando que o tamanho da foto para caber certinho é de 300 px de largura.

- O que está em itálico você deverá editar com a sua descrição.

- Nos trechos <a href="LINKDOFACEBOOK"><img src="http://i.imgur.com/K2GWTr1.png"></a></a> você deverá substituir o que está SUBLINHADO pelo link da rede social correspondente. 

- Caso não tenha ou não use uma das redes sociais, é só apagar o trecho da rede social que deseja, apagando de <a href="... até </a>

Testando negrito, itálico e sublinhado

Proin adipiscing risus tempor proin facilisis elementum nisi sit phasellus lundium scelerisque, augue turpis mid, porta, urna tempor habitasse dapibus habitasse magnis, ut integer, porta diam arcu natoque velit adipiscing risus turpis velit, porttitor! Porttitor scelerisque. Ut auctor sed, dis! Velit et. Ultricies ac mattis cras eu eu vut nisi, cras sit lectus non! Platea, lorem purus dolor augue montes, natoque? Proin platea, placerat urna, nec, nisi duis tortor proin aliquam urna cum adipiscing adipiscing sed? 

Elementum scelerisque ac ut nascetur et elit montes? Ac est elit aenean sed ultricies, dis amet scelerisque placerat quis cras? Hac, a urna, lorem augue vel aenean scelerisque, hac ac ultricies elit elementum ultrices. Tincidunt platea, elementum non ac elementum, nascetur tempor magnis porta.

Augue amet, risus turpis ac nascetur cras a diam augue velit, parturient cursus habitasse auctor risus dapibus aliquet turpis, magnis tortor vel? A sit magnis, etiam sed vel in et in, velit tristique in augue, magna arcu augue dis parturient montes elementum parturient vel integer urna! Vel tincidunt augue, tincidunt, odio dictumst platea ac sagittis in augue et cursus, porta nec! Scelerisque scelerisque pid aliquet? Duis natoque diam augue ac, placerat ut sit sagittis natoque odio augue! Nunc lundium hac! Turpis montes purus. Rhoncus mid nunc etiam eu lacus dis quis, magna? Ultrices scelerisque, penatibus. Mid porttitor, pulvinar dolor tempor proin pellentesque nisi amet, nisi enim nunc? Tristique habitasse enim, parturient, arcu platea, in eu, lacus ultrices purus quis.