Ir para conteúdo
Banner com Efeitos
BR seuserver.com.br DESCRIÇÃO: ANUNCIE AQUI neste countdown e dê maior visibilidade ao seu lançamento | Fórum Otserv | Downloads | Tutoriais | IA Especializada para otserv | Lista de Servidores | mais de 10 anos de conteúdos! INICIA EM:

Adicionando Widget Discord no Site!

Por Totten
em Tutoriais Websites

Featured Replies

Postado

Fala pessoal do TibiaKing, meu nome é Waliston mais conhecido como Totten, trabalho com desenvolvimento de sites e vejo que muitas pessoas me perguntam como adicionar um Widget do Discord no site, e como não vi nenhum tutorial explicando sobre isso, eu resolvi ensinar passo a passo como fazer o mesmo.

Adquirindo o código do Widget:

Spoiler

1° Passo:

Acesse seu servidor do discord e vá em configuração do servidor.

2.png.25a5a5601d0610d012f2eecfab025d6d.png

2° Passo:

Vá em Widget.

3.png.6fa0ed9d68285b32de1f6b4011a05f87.png

3° Passo:

Vá em Widget Pronto e clique em copy (destacado em verde na imagem).

4.png.15e08daac7dcf1970cc0790890ee882f.png

 

Adicionando o Widget no Site:
 

Spoiler

1° Passo:

Acesse a página que você deseja adicionar o Widget, após isso cole o código copiado no Discord. Vai ficar +/- assim: 


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

2° Passo(Configurando tamanho do mesmo):

Para configurar o tamanho do Widget basta modificar o width e o height, por padrão o discord disponibiliza o Widget nas proporções de 350x500. Para alterar, basta mudar o valor em width e em height. Por exemplo: Se você quiser que ele seja 200x300, simplesmente precisa mudar o valor de width para 200 e o valor de height para 300. Pronto, tamanho alterado. 

 

Resultado final:

 

Spoiler

1.thumb.png.7ec5385cc30d8edfc39ed75fc397eabf.png

 

Meu servidor:

NTOFalcon: ntofalcon.com

Meu Site do WIKI:

FalconWIKI: ntofalcon.com/wiki/

Meus tópicos:

Como adicionar Widget do Discord

Como adicionar iframe do YouTube no Site

Quer me contratar para desenvolver seu site? Entre em contato:

Whatsapp: (53) 999301161

Discord: Endless#5410

  • Citar
  • Mention
    • Postado

    Parabéns, seu tópico de conteúdo foi aprovado!
    Muito obrigado pela sua contribuição, nós do Tibia King agradecemos.
    Seu conteúdo com certeza ajudará à muitos outros, você recebeu +1 REP.

    Spoiler

    Congratulations, your content has been approved!
    Thank you for your contribution, we of Tibia King we are grateful.
    Your content will help many other users, you received +1 REP.

     

    Compre seus Scripts Agora totalmente seguro e de forma rápida, aceitamos também encomendas.

    discord.gg/phJZeHa2k4

     

    Projeto ATS (Naruto)

    Informações Abaixo

    Facebook

    Youtube
    Discord

     

    Tutoriais / Conteúdos

    Clique Aqui

  • Citar
  • Mention
    • 4 months later...
    Postado

    No iframe coloca um margin-top de 30px 

    <?php

$assinatura = function($texto) {
	return $texto;
};

$assinatura('Eu ainda não tenho uma assinatura decente ):, php ♥');
?>

    Meus sites.:

    https://ferobraglobal.com/
    https://codenome.com/
    https://uam.codenome.com/

    https://myci.myara.net/

     

    Me ajuda no café:
    http://picpay.me/ricardo.codenome

     

  • Citar
  • Mention

    • Participe da conversa

    Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.

    Visitante
    Responder
    Ir para a lista de tópicos

    Quem Está Navegando 0

    • Nenhum usuário registrado visualizando esta página.

    Conteúdo Similar

    Estatísticas dos Fóruns

    • Tópicos 96.9k
    • Posts 519.6k

    Informação Importante

    Confirmação de Termo

    I accept