Ücretsiz Siteye Discord Widget Ekleme Nasıl Yapılır?

ProAdmin

Administrator
Yönetici
Katılım
29 Haz 2020
Mesajlar
967
Tepkime puanı
30
Puanları
28
Discord metin2 pvp oyunlarında güzel bir ortam yaratmada oldukça iyi bir topluluk aracı. Özellikle açılış için oyuncu çekme ve fikir alışverişleri yapabileceğiniz bir ortam yaratır. Bu ortama oyuncu eklemek gerekir. Bunun için de tanıtımını yaptığınız sitenize bir widget eklemek olacaktır.

Bir çok farklı widget olsada size hepsi aynı işlevi görecektir. bunlar dan bir kaçtanesini kodlar şeklinde size paylaşmak isteriz. Adım adım izleyelim.

1. Ftp ile sitenizin root kısmına gidin. Web panel nerede kurulu ise o kök kısımı açın. index.html yada index.php dosyasını not defteri ile açın ve </body> etiketini bulun. Kodlarımızı bu etiketten önce yerleştireceğiz.
2. Eklenecek kodlar;
Kod:
<ul>
<li class="ipsWidget ipsWidget_vertical ipsBox" data-blocktitle="https://discord.gg/DavetKoduGir">
<div class="ipsPad ipsWidget_inner" style="border: 0;padding: 0;">
<a href="https://discord.gg/DavetKoduGir"><img src="https://discordapp.com/api/guilds/SunucuİDYazın/widget.png?style=banner2" alt="Discord Server" style="max-width:295px"></a>
</div>
</li>
</ul>

YADA
Css ile farklı özellikler katabilirsiniz.
<a class="discord-widget active animated active fadeInDown" href="https://discord.gg/discorddavetkodu" title="Join us on Discord">
        <img src="https://discordapp.com/api/guilds/discordapigirin örnek: 17487897987 gibi/widget.png?style=banner4"><a>
        
<style>
.discord-widget.active {
    left: 8px;
}
.discord-widget {
    width: 265px;
    transition-property: left;
    transition-duration: 2s;
    -webkit-transition-property: left;
    -webkit-transition-duration: 2s;
    position: fixed;
    bottom: 5px;
    left: 10px;
    z-index: 10;
}
</style>
3. Düzenlediğiniz dosyayı kaydedin ve ftp den değiştirin.

4. Diğer bir yol: İframe kodunu almak. Server ayarlarına gidin ve widget sekmesinden aşağıdaki resim gibi alabilirsiniz.
discord widget kod alma
 
Üst