[TUTORIAL] Widget Discord

Item: [TUTORIAL] Widget Discord
Rating: 1

por Luiz 23.10.17 22:24

Widget Discord

Com esta função, você poderá ver seu servidor do Discord num widget ativo em seu fórum. Uma função bastante inovadora e moderna para os vossos fóruns.

Widget Discord

TUTORIAIS, DICAS E ASTÚCIAS

Habilitando widget no Discord

Vá em seu servidor do Discord e ative o serviço de Widgets, clicando na seta marcada na imagem:

Widget - [TUTORIAL] Widget Discord Dis110

Após clicar, apareceram quatro opções, selecione a 2ª opção.

Widget - [TUTORIAL] Widget Discord Dis210

Ainda em Widgets, copie o código "Widget Pré-Feito":

Widget - [TUTORIAL] Widget Discord Dis310

Clicando em copy será gerado um código similar a esse, copie e cole.

Código:: <iframe src="https://discordapp.com/widget?id=324563425458126849&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>

Criar um widget personalizado

Painel de Controle Seta Branca

Módulos

Portal & Widgets Seta Branca

Gestão dos widgets (fórum/portal) Seta Branca

Novo widget personalizado

Widget - [TUTORIAL] Widget Discord Criar10

Widget - [TUTORIAL] Widget Discord Wf310

Widget - [TUTORIAL] Widget Discord 110111

Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.

Widget - [TUTORIAL] Widget Discord 110210

Utilizar um table type: - Nesta opção, deverá ser marcado o "Sim".

Widget - [TUTORIAL] Widget Discord 110310

Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.

Widget - [TUTORIAL] Widget Discord 110410

Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.

Widget - [TUTORIAL] Widget Discord 110510

Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

Adicionando e personalizando o Widget

Clicando em copy será gerado um código similar a esse, copie e cole.

Código:: <iframe src="https://discordapp.com/widget?id=324563425458126849&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>

Após adicionar o código, poderá fazer algumas alterações:

324563425458126849 é o código exclusivo do seu Discord.
theme=dark é o tema do Discord (dark ou light)
width="300" é o tamanho de largura do seu Widget (ajuste de acordo com seu fórum)
height="500" é a tamanho de altura do seu Widget (ajuste de acordo com seu fórum)

Resultado do tutorial: