12.7.14

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).
-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.



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




Um comentário:

  1. aff !! nunca vou conseguir fazer isso !!! não entendo nada sobre HTML , tudo que eu faço com ele dá erra !!! (por favor me ajude ))) socooorrrooo !!!!

    ResponderExcluir

-Proibido brigas
-Comente se gostou da postagem
-Não comente palavrões ou comentários ofensivos
-Não comente spans e divulgação de postagens ou blogs, se não seu comentário será excluido.
-Comente a URL do seu blog para visitarmos!
-Comente no que devemos melhorar!
- Use sinais legais : ☁☀☃☂♣♥♪♫
Obrigada por comentar ;)