Páginas

24 março, 2010

editor de layout no blogger(novo)

semana passada eu estava meio frustrado por não conseguir deixar o layout do meu blog como eu queria, já até tinha desistido de postar(fevereiro e março não tem nenhum post que preste). mas certo eu notei algo diferente no painel do draft blogger, tinha um icone a mais!
esse é o novo recurso do draft blogger que permite voce alterar o layout do seu blog de uma maneira facil e rapida!
DETALHE IMPORTANTE: esse recurso só está disponivel na versão de testes do blogger(draft blogger) ali voce escontra varias funções que não estão presentes no no blogger normal. clique AQUI para ir ao draft blogger
vou tentar esplicar como voce pode usa-lo e quais são os seus limites.

quando voce clica nesse icone, voce verá uma pagina igual a esta:
onde voce pode ver um menu a esquerda e umas imagens a direita
aonde diz "agora no seu blog" é a miniatura do seu blog, e os quatro desenhos ao lado :simple, picture window, awelsome inc. e watermark são os estilos que voce pode aplicar ao seu blog, cada estilo ja conta com 3 ou 4 exemplos prontos par voce usar.
  o modelo "simple" como o nome já diz é o mais simples deles lembra muito os templates do wordpress:
















 o modelo "picture window" é bem mais elaborado , com cantos arredondados, fundo semi transparente e postagens separadas que dão um visual mais profissional ao seu blog:


o modelo "awelsome inc." pode se dar destaque aos sombreados nos posts e nas barras laterais, e é o unico que possui as barras laterais com fundo(nos outros modelos elas são transparentes):
o modelo "watermark" é muito semelhante ao "picture window" com a diferença que as barras laterais são totalmente transparentes e o posts são semi transparentes:
bom, agora que eu ja espliquei um pouco sobre cada modelo disponivel, vamos ver a segunda aba do menu, o "plano de fundo":
ali voce pode alterar as cores do seu blog de maneira facil, é só clicar nos temas sugeridos ou na "cor do tema principal" que voce pode personalizar a cor.
clique em "imagem de plano de fundo" para escolher um fundo para o seu blog, existem mais de 300 imagens de varios estilos para voce escolher:
vamos para a terceira aba ,"layout"
aqui voce pode alterar as colunas eo rodapé do blog , voce tem a possibilidade de deixar o seu blog com uma, duas , três e três e meia colunas(uma coluna se divide em duas no meio):
pode-se tambem escolher a largura do blog(vaira de 500 pixels a 1000 pixels) e das colunas laterais(varia de 0 pixel a 500 pixels)e o layout do rodapé(pode-se colocar de uma à três colunas no rodapé)
 indo para a quarta aba "avançado"
ela serve para voce escolher as fontes e cores do blog e voce pode modificar cada trecho de um jeito diferente. um detalhe muito interessante nesta aba é que quando voce seleciona um item para alterar  aparece um pontilhado vermelho no local da alteração do blog(muito util para quem não sabe os nomes das partes do seu blog!)
depois que voce modificou o seu blog no jeito que queria, clique em "aplicar ao blog" e depois em "voltar ao blogger" e usar o seu novo blog!
  mas como tudo nesta vida tem algum "pobrema" esse editor tambem tem alguns :
  • todos os modelos tem um menu horizontal  das paginas do blog , mas voce terá uma grande difuldade (se voce não entende de html)para colocar os seus links externos nesse  mesmo menu
  • não é possivel colocar uma imagem personalizada no plano de fundo sem alterar o codigo fonte do blog
  • tambem é nessessario saber css  para alterar as bordas das colunas.
esse é um recurso novo (acho que ele esta disponivel a menos de um mês) talvez com o tempo eles corrijam esses detalhes que nem são tão ruims assim
recado do autor: peço desculpas a voce leitor se eu não fui claro nesse post!
esse é o meu primeiro post de tutorial(pode ver que no resto do blog só tem coisas estupidas), ninguem acerta de primeira !então eu peço a compreenção de voces com o meu primeiro post sério
se alguem resolveu seguir essas minhas dicas e teve alguma dificuldade, eu peço gentilmente que entre em contato comigo(atraves do contato no menu do blog ou atraves dos comentarios nesse post)
muito obrigado a voce que leu até aqui!!