Organizando seu Layout: Cabeçalho, gadget, postagens... Junto com Materiais e Tutoriais!!!

Imagem Via Tumblr

Oi friends! Ontem eu vi Shrek 2 ( por que eu falei isso?). Bom, hoje eu trouxe dicas de como organizar seu Layout e deixa-lo bem bonito! Vamos la?

Organizar um layout e bem simples, e da gosto de fazer (pelo menos para mim)

• 1º passo: Cabeçalho

Primeiramente você vai ter que arrumar seu cabeçalho! Se seu blog for para algum artista, faça o cabeçalho com pngs dele! Escolha uma font bem bonita  e legal! Se seu blog for de outro assunto tente arrumar alguns png's ou imagens que tenham a ver com o assunto que você fala no blog. Meu blog é 'Creative Things' então eu arrumei um png "Criativo' que foi o do Patrick ( do bob). Okay? Vamos dar um exemplo de como fazer seu cabeçalho! Ex:

Se seu blog for da Demi Lovato, você vai precisar de alguns pngs da demi, FUNDO TRANSPARENTE PNG, fonte estilosa (vou usar a font NEON LIGHTS).

-PNGS DA DEMI

-FUNDO TRANSPARENTE PNG (Lembrando que o fundo é transparente, então não vai aparecer)

(Vou utilizar o Photo Scape)

Abra o fundo transparente e redimensione o fundo para 1272x469

Posicione os pngs do jeito que quiser.

Edit. Faça seu estilo. Não esqueça de botar os menus (welcome, f.a.q., afilie-se...), por que depois iremos MAPEA-LOS.

Enfeites com seus materiais.

Agora com a font escreva o nome de seu blog.

Meu resultado: CLICK AQUI PARA VER O TAMANHO ORIGINAL

Agora temos que mapear!CLICK AQUI PARA APRENDER A MAPEAR

Depois de mapear, vá em Adicionar um gadget>> Html/JS >> Cole o código la>> E posicione no seu Lay acima do menu!

• 2º passo: Gadgets

Bom agora os Gadgets! Vamos fazer de dois jeitos a parte do ribbon/sidebar primeiro a parte manual depois a parte HTML !

Vou utilizar o Photo Scape para fazer um Welcome que ficará assim:

Bom você adiciona a faixinha (Click aqui para pegar a faixinha).

Depois adiciona a imagem.Posiciona.

Escreve o titulo com uma font bem bonita. E o texto também.

Não é um senhor tutorial porque é muito simples, fiz tudo em 1 minuto!

AGORA NO MODO HTML

Agora vamos botar a faixinha no modo HTML.

Vá  no seu HTML e procure por ]]><b:skin> 

Quando achar cole este código ACIMA da tag:

.sidebar .widget h2{
background: url("Url_da_faixinha") no-repeat left;
margin-top:-2px;
margin-left:-18px;
margin-bottom:0px;
text-align: center;
padding:15px;
width:150%;
overflow:hidden;
}

Bom, é o jeito mais simples...

No seus gadgets devem ter, uma caixa de mensagem, um welcome, um bye bye!, os marcadores, e uma caixa de pesquisa! Super essencial  tudo isso!

• 3º Passo: Postagens

-Suas postagens tem que ser organizadas e bonitas! Se a postagem fica muito grande, separe sua postagem ( que é o leiamais>>)

-As coisas importantes sempre negrite

-Não esqueça de justificar :

-Na hora de adicionar imagens de inicio, adicione imagens bonitas! Como as do tumblr e we heart it!

Bom, foi só isso! Espero que tenha ajudado os blogs!

-P4nda