Antes de começar :

Você deve ver os tutoriais sobre os PowerToys. Especialmente o do módulo Custom HTML.

Nota: Este tutorial é apenas para usuários avançados. Siga os procedimentos mostrados aqui por sua própria conta e risco.

Se o que for mostrado aqui não for feito corretamente, seu Space pode apresentar diversos problemas.

Começando:

- Logue-se ao seu Space.
- Digite o seguinte endereço em seu browser:

http://spaces.msn.com/ID-do-seu-space/DLLayoutSettings.aspx

*Substitua o "ID-do-seu-space" pelo ID/nome do seu Space. Por exemplo, o ID do nosso Space é spcbaboo, então a URL ficaria assim:

http://spaces.msn.com/spcbaboo/DLLayoutSettings.aspx

Depois de digitar a URL, pressione 'Enter'ou o botão 'Ir' (Go) em seu browser.

Feito isso, você deve ver agora a página de personalização do seu Space.

- Com esta página aberta, no menu "Exibir" (View) no Internet Explorer e escolha "Código Fonte" (ou Source).

- Depois disso, uma janela do Bloco de Notas deve ser aberta mostrando o código fonte da página (Salve este arquivo caso algo dê errado).

- Olhando o código fonte, procure pela tag:

<br></div></FORM>

*Dica: Pressione Ctrl + F e digite <br></div></FORM> para fazer a busca

- Depois de achar a tag, inclua o código abaixo, ele deve ficar entre as tags <br></div> e </FORM>:

<div class=Part><input onclick='selectPartType(this);' type='checkbox' title='Este é um módulo não suportado disponibilizado apenas para fins de teste.' id='CustomHTML' name='PowerToy: Custom HTML' value='CustomHTML'><label for='pCustomHTML'>PowerToy: Custom HTML</label> <br></div>

Este código dará a você um módulo Custom HTML extra. Adicione este código apenas uma vez se você já tiver um módulo Custom HTML, assim você ficará com 2. Ou você pode adicionar outros mais, mas o recomendável são APENAS 2 módulos.

- Depois de adicionar os códigos, salve o arquivo usando a opção "Salvar como" (Save as):

- Agora abra o arquivo que você salvou com a extensão .htm em uma nova janela do IE. Você verá que existem dois módulos Custom HTML, ou mais dependendo de quantas vezes você adicionou o código.

- Selecione os módulos que você quer e clique em "Salvar" (ou Save)!

- Retorne ao modo de edição do seu Space.

- Você deve ver os dois módulos Custom HTML. Eles parecem iguais, mas no fundo são diferentes.

Veja o porquê:

- Em um dos módulos, você não pode adicionar código nenhum. Quando você clica em Salvar, nada é adicionado.

*Trate esse módulo como sendo seu módulo "Beta".

- O outro módulo, em que você pode adicionar os códigos, será seu módulo "Alpha". Adicione o conteúdo que você quiser no módulo Beta ao módulo Alpha.

- Agora mova o módulo Beta para qualquer lugar do seu Space ou outro lugar específico. Será perguntado se você deseja salvar a mudanças, responda que sim.

*Agora salve, é extremamente importante salvar!

- Você verá que o conteúdo/código presente no módulo Alpha passou para o módulo Beta.

- Agora adicione novo conteúdo/código ao módulo Alpha e salve novamente.

Pronto! Seus dois módulos Custom HTML estão funcionando. :)

*Parece complicado no começo, mas lembre-se sempre de reler a parte sobre os módulos Alpha/Beta quando for adicionar algum conteúdo à eles.

Veja como deixar as entradas do seu blog transparentes com este pequeno tutorial.

O que o código utilizado faz?

1 - Deixa as entradas do seu blog transparentes.
2 - Seu Space ficará mais largo.
3 - Tudo que estiver abaixo do blog ficará mais largo

Importante: Crie uma nova entrada em seu blog. Não tente isso em uma entrada já publicada.

Não funciona para o layout de 738 pixels

- Clique no botão .

- Cole o seguinte código:

<IMG></TD></table>

- Publique a entrada.

Nota: Este tutorial é para outros browsers que não sejam o Internet Explorer (IE). Clique a aqui para ver a versão para o IE.

Os passos mostrados aqui funcionam para outros browsers, como FireFox.

O que você vai fazer é adicionar uma longa linha vazia para tornar a entrada mais larga. Isto funciona na maioria dos browsers "Não-IE". Apenas uma em qualquer entrada de blog em todas as páginas do seu Space deve funcionar.

Cole o seguinte código no topo das entradas em cada página do seu Space.

<P align=center><FONT style="FONT-SIZE: 19px" color=#ffffff>______________________________
________________________________________________________</FONT></P>

- Clique no botão . (Clique aqui se você não sabe que botão é esse.)

- Copie o código acima e cole na entrada do blog.

- Clique no botão novamente para sair do modo de edição em HTML. Edite a entrada do seu blog adicionando textos, imagens, etc.(faça o que quiser).

- Publique a entrada e está pronto.

Visualize o resultado em algum browser "Não-IE" (como o FireFox) e veja como ficou.

Nota Final: Você pode modificar a parte em vermelho para utilizare uma cor diferente para a linha, para que esta fique invisível ou combine exatamente com a cor de fundo do seu Space. O código acima gera uma linha com a cor branca.

Nota: Este tutorial é para usuários avançados. Um erro pode causar danos ou outros problemas ao seu Space. Siga os passos por sua própria conta e risco.

O MSN Spaces foi criado para visualização em 800x600 e o conteúdo da tela não tem mais de 800 pixels. Entretanto, a maioria dos usuários utiliza resoluções de 1024x768, resultando num enorme espaço vazio no lado da tela ao visualizar o MSN Space.

Mas felizmente, existe uma maneira de colocar módulos mais largos em seu MSN Space.

Antes de começar:

Primeiro, você vai precisar do módulo 'Custom HTML' (clique aqui para ver como habilitá-lo).
Os métodos mencionados aqui funcionam apenas com o layout de 2 ou 3 colunas.

Primeiro passo:

Para o layout com duas colunas -

- Coloque o módulo "Custom HTML" no topo da coluna da esquerda.
- Coloque o módulo do blog abaixo do módulo "Custom HTML".
- Coloque todos os outros módulos na coluna da direita.

Para o layout com 3 colunas -

- Não coloque nenhum módulo na coluna da esquerda (deixe-a vazia!).
- Coloque o módulo "Custom HTML" no topo da coluna do meio e coloque o módulo do blog abaixo dele.
- Coloque os módulos restantes na coluna da direita.

Segundo passo:

- Adicione os seguintes códigos no módulos "Custom HTML":

</table></table><table width=XXXX><tbody><tr><td>

Substitua o XXXX pela largura da entrada do blog que você deseja em pixels.

Exemplos:

</table></table><table width=998><tbody><tr><td>

[ou]

</table></table><table width=1024><tbody><tr><td>

*Você pode adicionar o código acima ao seu módulo "Custom HTML" antes ou depois de adicionar outros códigos, os efeitos podem ser ligeiramente diferentes.

Salve as mudanças e visualize o efeito.

Pronto! :)

Para adicionar um relógio ao seu Espaço, o primeiro passo criar uma nova entrada em seu blog, e adicoionar o código abaixo usando a função <HTML>.

<A href="http://www.escati.com/"><IMG src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=GMT-0300" border=0></A>

Legenda:

A parte em vermelho indica a cor de fundo do relógio.*
A parte em azul indica a cor do display do relógio.*

*Você pode usar diferentes cores se quiser.

A parte em verde indica a "Time Zone" em que você se encontra. Mude de acordo com sua localidade. (No exemplo, usamos GMT -03:00)

Se quiser saber a Time Zone de outros locais, clique aqui.

Resultado final:

Sempre que você adiciona algo novo em uma lista personalizada, ele sempre acaba indo para o final da lista.

Para reordenar os links, siga estes passos:

- Clique no link "Listas" em seu Space enquanto você estiver no modo de edição.

- Selecione a lista que você deseja editar.

- Clique no item que você quer que vá para o final da lista.

- Clique em "Editar".

- Clique em "Salvar" (não mude nada!).

- Clique em "Visualizar meu Espaço" e você verá que o item que voc6e acabou de editar foi pro final da lista.

Você pode fazer isso quantas vezes quiser, até que sua lista fique na ordem desejada. :)

Criar tabelas no MSN Spaces é um processo simples como vocês podem ver pelos passos abaixo: