2º - Criar um widget personalizado (pessoal):
Para podermos criar um widget personalizado teremos novamente de aceder a:
Painel de controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
E carregar em:

(carregue na imagem para aumentar)

3º - Configurar o Widget:
Como criar de forma correcta um widget, tendo em conta todas as suas opções:

(carregue na imagem para aumentar)

Nome do widget - Terá de colocar um título para o widget, de forma a poder identifica-lo na lista dos widgets pessoais do Painel de Controle.

Utilizar um table type - Caso opte pale opção "Sim" o widget terá a moldura padrão dos restantes widgets, caso opte por "Não" o conteúdo não estará rodeado por qualquer moldura.

Título do widget - Neste campo, terá de atribuir um título, o que será visualizado no seu fórum. Caso tenha marcado a opção "Não" na opção anterior, colocar ou não um título será indiferente.

Fonte do widget - Aqui deverá colocar o conteúdo do widget, poderá colocar variáveis mas não poderá colocar BBcode e sim HTML. Veremos nos pontos seguintes como poderá utilizar o editor HTML.

Salvar - Por fim, após colocar o conteúdo, terá de "Salvar" o seu widget personalizado.

4º - A caixa de edição de conteúdo:
Quando na caixa de edição de conteúdo dum widget apresenta no topo este ícone: , isso significa que o HTML está desactivado e que terá de ser o próprios usuário a definir a própria formatação. Para activar o HTML terá de carregar nessa imagem, de forma a activar o editor HTML e a imagem substituir-se por esta: , que significa que o HTML está activo, e notará a presença do editor na caixa de edição de coneúdo.

Para não confundir as cores e funções, a descrição de cada ícone é:
- Para activar o editor HTML
- Para desactivar o editor HTML

Editor HTML desactivado:

(carregue na imagem para aumentar)

Editor HTML activo:

(carregue na imagem para aumentar)

5º - Como utilizar o Editor HTML:
Como poderão verificar o Editor HTML dispõe da função WYSIWYG (canto superior direito), que consiste em ver em tempo real o que se está a formatar, é útil para usuários novatos, pois é como se trabalhássemos com o famosos Micrsoft Word, onde o usuário apenas tem de seleccionar o conteúdo a formatar e de seguida definir uma cor, um tamanho, etc.

Vejamos um exemplo:

(carregue na imagem para aumentar)

• Em primeiro lugar o WYSIWYG terá de estar activo:
  
• Deverá escrever o conteúdo
  
• Seleccionar a parte a ser formatada
  
• Escolher no editor a função a ser aplicada, que neste exemplo foi uma cor de texto

• Com o WYSIWYG desactivado:

Mas se utilizarmos o método normal, ou seja com o WYSIWYG desactivado, o processo será igual ao de um editor qualquer em que terá de ser o utilizador a inserir o próprio código, mas também poderá se auxiliar nos menus do editor, bastando seleccionar os conteúdos a serem formatados, ou seja que ficarão entre as tag's de formatação.

Neste último caso é necessário ter em atenção, pois teremos sempre de respeitar a ordem das tag's, de forma a que a sua disposição seja a correcta, por exemplo:

código errado:
<font color="red"><b>Forum</font>eiros</b>

código correcto:
<b><font color="red">Forum</font>eiros</b>

As tag's tem um ordem a serem abertas, mas ao fecharem a ordem terá de ser invertida. Se ao abrir as tag's abrimos na seguinte forma: A / B / C ao fecharmos terá de ser C / B / A.