Dividindo coluna no Uol Blog

Esta é uma dica para os blogs UOL ou semelhantes (mas que também pode ser usada nos blogs Google, é que eles já tem o recurso, mas você pode usar para outros fins), qua ainda não possuem templates como o Blogspot ou Blogger que tem dentro da coluna lateral uma subdivisão de pequenas colunas, como você pode notar aqui mesmo no Arruma Blog em nossa coluna lateral.

 Se ficou um pouco confuso de entender, mesmo com a imagem acima, a explicação é a seguinte: No blogspot, existe o blog com o lugar do post, marcado pelo Nº 1 na imagem abaixo, a coluna 2 e pequenas colunas (opcionais dependendo do modelo que você escolher) marcada pelo Nº 3 na imagem. No Uol Blog e em outros blogs, a coluna marcada pelo Nº 3 não existe. Como muitos sabem, só há duas colunas no Uol blog, uma para as postagens e outra para o 'Quem Sou', que é a coluna lateral.

Hoje vamos aprender a fazer uma coluna lateral semelhante ao dos Blogs do Google.

Modelo demostrativo dos templates UOL e Google

Para que dê tudo certo, seu blog deve ter uma coluna lateral grande ou deve ter a resolução 1024, que já traz consigo uma coluna grande. Uma dica para onde encontrar templates UOL personalisados é no My Nothing, porém ainda com muitos templates para meninas.

Você deve conhecer um pouco da estrutura do seu template, em outras palavras conhecer HTML ao menos para saber onde começa a coluna lateral do seu blog. Vá em Configurações > Modelos > Editor de HTML. Neste exemplo, vamos colocar a divisão depois do perfil na coluna lateral [Repare que está em verde], usando o recurso em HTML de tabelas.

Agora vem o código da tabela para fazer com que apareça duas colunas dentro da coluna mãe:

Entenda a coluna e os códigos:

- Existe além do código da tabela, as informações escritas de linha e colunas, estas podem ser substituídas pelas imagens ou informações que você desejar. No geral esta tabela terá 3 linhas e 2 colunas, sendo a primeira linha escrito Coluna 1 e coluna 2. Lembre-se que a tag Border significa que sua tabela não terá borda alguma e no momento em que você salvar seu template, nada além das informações que você inserir vai aparecer, ao menos que você substitua o valor 0 por 1 ou 2 e verás as linhas da tabela. É importante que o valor seja 0 para que o efeito visual seja semelhante aos blogs Google.

A tag Background é opcional, e significa que você pode inserir uma imagem ou cor de fundo da sua tabela e toda cor ou imagem deve ser inserida dentro de aspas duplas " ". Não acho bom o uso delas, mas resolvi colocar a mostra.

As demais tags formam a tabela. Você pode personalisar sua tabela caso conheça HTML ou duplique mais uma linha e duas colunas, ou simplesmente copiar todo o sódigo entre e substituis as informações.

Agora salve suas modificações e depois republique o blog.

No fim, a sua tabela ficará assim:

Visualização de demonstração de como ficará o tabela

Os pontilhados é imaginário, para você saber da estrutura da tabela.