Layout Free; Layout Feminino Para Blog

MAIISSS UM LAYOUTTTTTTT!!!!!!!!!!!!!!!!!!
Para quem não sabe já postei um layout (mega simples) aqui antes. Esse lay foi pedido por comentário aqui no blog. Na verdade foi mais uma sugestão pq no comentário não especificava, mas obrigada por fazer esse pedido, me animou muitooo.


Bom, era para eu ter feito um layout para blog feminio, mas acho que esse que fiz pode ser usado para qualquer tipo de blog. Isso vai depender dar cores, então se você não gostou dessas cores que usei é só trocar pelo html.

Peguei alguns códigos, na internet, só não lembro onde foi. Lembro que um peguei na camilasdesigns
e outro no dicasparablogs. Se algum códio que usei aqui é seu avise que vou creditar okay?

Veja a preview e faça o download dele abaixo.

PREVIEW | DOWNLOAD

Faça o download do cabeçalho em psd. Você pode trocar o texto "Nome Do Seu Blog", pelo texto que desejar.  E para trocar a imagem do cabeçalho é só ir no html do seu blog, pressionar CTRL + F e pesquisar por "body {", e vai aparecer o seguinte código;

body {
 font: $(body.font);
color: $(body.text.color);
background: url("http://i.imgbox.com/A5kRyeyN.png") repeat; }

é só você substituir o que está em negrito pelo link da sua imagem ;)

DOWNLOAD DO PSD DO CABEÇALHO.



Abaixo vai estar algumas informações para seu layout ficar organizadinho e igual a preview <3.

• TAMANHO DAS IMAGENS USADAS!!

SIDEBAR; 291x347. 
POST IMAGE; 642x481
FOTO DO AUTOR; 200x200

Aqui está código para colocar no final da postagem. Aquele com a descrição e foto do autor.
Visualize ele abaixo

  Para add essa descrição com foto (que está acima), é simples. Faço sua postagem normalmente, e ao terminar vá na aba "HTML" do seu post    e lá no finalzinho cole o código abaixo.

Lembrando que a imagem deve estar no tamanho 200x200

</div>
<img class="ImagemAutores" src="LINK_DA_SUA_IMAGEM" />
<div class="Autores">
Você pode por sua descrição aqui Olha lalalla eu estou falando o lalallala
Continua a descrição aqui lalala, </div>

Vamos lá!!!

PRIMEIRO SALVE ESSA IMAGEM "INVISÍVEL" XXXXX

Agora vá em Layout, e em seguida procure pelo gadget "header" e clique em "editar"

Feito isso, vai abrir a essa janela. Nela você marca a opção "Por trás de título e descrição". Clique em "escolher arquivo", e abra a imagem invisível que você salvou acima.

Agora vá em em "Modelo> Personalizar"

Vaia abrir as opções abaixo. Vamos começar ajustando a largura do blog. Deixe a largura "Todo o blog" em 1110, e a largura "barra lateral direita" deixe em 380

GADGET 1

O código abaixo é do 1° Gadget. Nele você só precisa substituir a palavra "LINK_DA_SUA_IMAGEM" pelo link da imagem que você quer na side. Atenção, para sua imagem de perfil ficar bonitinha na side,ela deve estar no tamanho 291x347.

E para colocar as suas redes sociais é só substituir os links que estão em negrito no código abaixo.

E para mudar a descrição é só apagar o texto "Bem-vindo ao Meu Blog...... " pelo texto que você desejar. Simples não?

<div align="center">
<img class="Oie" src="LINK_DA_SUA_IMAGEM" />
<br/>
<a href="http://facebook.com/" imageanchor="1"><img border="0" src="http://static.tumblr.com/7xdbshk/Z2Dn0rs9d/facebook.png" /></a>

<a href="http://instagram.com/" imageanchor="1"><img border="0" src="http://static.tumblr.com/7xdbshk/Zhcn0rs9r/instagram.png" /></a> 

<a href="http://twitter.com/" imageanchor="1"><img border="0" src="http://static.tumblr.com/7xdbshk/qAfn0rsbw/twitter.png" /></a>

<a href="http://youtube.com/" imageanchor="1"><img border="0" src="http://static.tumblr.com/7xdbshk/DiQn0rscg/youtube.png" /></a>
<br/>
Bem-vindo ao Meu Blog. Aqui ficara a sua descrição, pode colocar um pouco sobre você o que você gosta e tudo o que te der na telha. E  e acima tem as suas redes sociais, você precisa editar e por o link delas ;)
</div>

GADGET 2

o segundo gadget é a caixa de pesquisa. Para add esse gadget basta ir em LAYOUT> E depois em "Adicionar um Gadget". Feito isso, vai abrir uma janelinha, nela procure por "CAIXA DE PESQUISA".  e salve. Olha o print . Clique na imagem para visualizar em tamanho grande.

GADGET 3

Para colocar o segundo gadget no seu layout é simples. Basta ir no painel do seu blog depois ir m LAYOUT> E depois em "Adicionar um Gadget". Feito isso, vai abrir uma janelinha, nela procure por "MARCADORES".  E deixe marcado
(O)Marcadores selecionados
(O)Por freqüência
(O)Cloud.

Se não conseguir entender veja os prints abaixo. Para visualizar em tamanho grande é só cliquar na imagem

GADGET 4
é o mais simples EVERRRRRRRRRRRR!!! É Só entrar nesse site http://snapwidget.com/#getstarted, e deixe as configurações como no print abaixo. Trocando apenas o que está no 1° campo pelo seu nome de usuário.

Tenha um poquito de paciência, parece ser MUITA coisa, mas não é. É muito simples na verdade.

Não esqueça de dizer o que achou. Se você usar não esqueça de comentar também ;).