segunda-feira, 3 de janeiro de 2011

ESTENDENDO A BARRA LATERAL DO SEU BLOG PARA APRESENTAÇÃO CORRETA DO QUADRO DE PINTURA (PASSO A PASSO)

Esta postagem descreve passo a passo como alterar a largura da barra lateral do seu blog para no mínimo "415", que é a menor largura lateral onde a tela de desenho do nosso aplicativo se apresenta corretamente.

Passo 01:

Tal como na instalação do site no seu blog, vá para a opção "Design" do menu principal no panel de gerenciamento. Lá busque a sub aba "Designer do modelo", tal como na figura abaixo:




Veja a imagem em tamanho natural aqui.

Passo 02

O passo anterior o levará para a tela "Designer de modelo do Blogger", lá selecione a opção "Ajustar larguras" no menu lateral, tal como na imagem abaixo:


Veja a imagem em tamanho natural aqui.

Passo 03:

Neste momento suas opções de ajuste de tela podem variar em função do layout padrão que você selecionou, mas daqui para frente é tudo bastante intuitivo. No caso do layout simples você terá a sua frente as opções de ajustar a largura do blog como um todo ou ajustar apenas a barra lateral direita, tal como nas imagens:


Veja a imagem em tamanho natural aqui.


Veja a imagem em tamanho natural aqui.

É importante frizar que ao alargar a barra lateral sem fazer o mesmo na largura geral do blog você estará estreitando a barra principal. Para evitar isto você deve adicionar a mesma quantidade de pixels em ambas as opções de edição. Por exemplo, se você pretende alargar a barra lateral para "415" pixels (recomendável para a apresentação correta do Luz Sobre Tela) e os valores eram "700" na largura geral e "200" na largura lateral, os novos valores serão "915" e "415" respectivamente (adicionados "215" pixels em ambas as barras).

Passo 04:

Concluidas todas as etapas anteriores, basta agora aplicar as alterações. Isto é feito clicando-se no botão "APLICAR AO BLOG", tal como na figura abaixo:


Veja a imagem em tamanho natural aqui.